<form>    Age: <input type="checkbox" class="first" value="Below 10">Below 10      <input type="checkbox" class="first" value="Below 20"> Below 20      <input type="checkbox" class="first" value="Below 30">Below 30      <br>      You have clicked:     <span id="maClass">          </span>    </form>    <script type="text/javascript">      var maClass = document.querySelector("#maClass");      var first = document.querySelectorAll(".first");      var isClicked = false;      var i=0;      for(i; i<first.length ; i++){        first[i].addEventListener("click", function() {          if(isClicked){          maClass.style.display = "none";          isClicked = false;        }else{          maClass.style.display = "inline";          maClass.style.display = first[i].getAttribute("value");          isClicked = true;           }        });        }    </script>我試圖讓這 3 個復選框切換。我在 Javascript 中使用了 eventListener。我對 3 個不同的復選框使用了相同的類名。這是因為，它將幫助我將整個決策存儲到一個數(shù)組中。但它不起作用 我不能讓它切換。請幫忙