CheckBoxについて質問させて頂きます。『HTML』と『JavaScript』で作成しています。今回は4つ選択の中で『必ず2つ選択してください。』としています。必ず2つ選択をした後に確認ボタンを押すとページ遷移と、フォームの送信がされてそれ以外(2つ選択以外)は確認ボタンを押してもページ遷移や、フォームの送信を停止させたいです。・4つ選択の中で2つ選択した後に1つCheckを外して確認ボタンを押してもページ遷移と、フォームの送信がされてしまいます。・4つ選択の中で2つ選択した後に全部のCheckを外して確認ボタンを押してもページ遷移と、フォームの送信がされてしまいます上記の2つをどの様にコーディングするとページ遷移と、フォームの送信を停止させることが出来るのでしょうか？下記にコードを記載します\u0026lt;HTML\u0026gt;\u0026lt;form action=\u0026quot;https://codepen.io/alshark/pen/KwVYLyK\u0026quot; method=\u0026quot;get\u0026quot; target=\u0026quot;_blank\u0026quot; rel=\u0026quot;noopener noreferrer\u0026quot; id=\u0026quot;form3\u0026quot; name=\u0026quot;form3\u0026quot;\u0026gt; \u0026lt;div id=\u0026quot;checkbox-flex-container\u0026quot;\u0026gt;お好きな果物を必ず2つ選択してください。 \u0026lt;label for=\u0026quot;strawberry\u0026quot;\u0026gt; \u0026lt;input type=\u0026quot;checkbox\u0026quot; name=\u0026quot;fruit\u0026quot; value=\u0026quot;\u0026quot; id=\u0026quot;strawberry\u0026quot;\u0026gt;いちご \u0026lt;/label\u0026gt; \u0026lt;label for=\u0026quot;melon\u0026quot;\u0026gt; \u0026lt;input type=\u0026quot;checkbox\u0026quot; name=\u0026quot;fruit\u0026quot; value=\u0026quot;\u0026quot; id=\u0026quot;melon\u0026quot;\u0026gt;メロン \u0026lt;/label\u0026gt; \u0026lt;label for=\u0026quot;kiwi-fruit\u0026quot;\u0026gt; \u0026lt;input type=\u0026quot;checkbox\u0026quot; name=\u0026quot;fruit\u0026quot; value=\u0026quot;\u0026quot; id=\u0026quot;kiwi-fruit\u0026quot;\u0026gt;キウイフルーツ \u0026lt;/label\u0026gt; \u0026lt;label for=\u0026quot;apple\u0026quot;\u0026gt; \u0026lt;input type=\u0026quot;checkbox\u0026quot; name=\u0026quot;fruit\u0026quot; value=\u0026quot;\u0026quot; id=\u0026quot;apple\u0026quot;\u0026gt;りんご \u0026lt;/label\u0026gt; \u0026lt;/div\u0026gt; \u0026lt;a href=\u0026quot;https://codepen.io/alshark/pen/KwVYLyK\u0026quot;\u0026gt; \u0026lt;button id=\u0026quot;button3\u0026quot;\u0026gt;確認\u0026lt;/button\u0026gt; \u0026lt;/a\u0026gt;\u0026lt;/form\u0026gt;\u0026lt;JavaScript\u0026gt;const button3 = document.querySelector('#button3');const form3 = document.querySelector('#form3');const fruitCheckBoxs = document.getElementsByName('fruit');const maxChecksFruit = 2;document.addEventListener('DOMContentLoaded', () =\u0026gt; { fruitCheckBoxs.forEach(function(fruitCheckBox) { fruitCheckBox.addEventListener('change', function() { let checkedCount = 0; fruitCheckBoxs.forEach((cb) =\u0026gt; { if (cb.checked) { checkedCount++; } }); console.log(checkedCount); console.log(maxChecksFruit); if (checkedCount \u0026gt; maxChecksFruit) { console.log('同じ数で無かった場合'); this.checked = false; checkedCount--; console.log(checkedCount); console.log(maxChecksFruit); button3.addEventListener('click', () =\u0026gt; { form3.submit(); }); 以降補足情報に記載します