使用JavaScript创建带有复选框的数组

Question

我想创建一个组合游戏，使用复选框签入一些元素

我需要在用户选中复选框并与正确的数组进行比较时创建一个数组

我不知道是谁干的

这是我的输入

<section class="draggable-items">
    <div class="check-tool">
        <input type="checkbox"  class="checkbox-tool" name="tool" id="SBD710" value="SBD710">
        <img class="draggable correct" draggable="true" src="img-game/WOOD/SBD710.png">
    </div>
    <div class="check-tool">
        <input type="checkbox" class="checkbox-tool" name="tool"  id="SCS220" value="SCS220">
        <img class="draggable correct" draggable="true" src="img-game/WOOD/SCS220.png">
    </div>
    <div class="check-tool">
        <input type="checkbox" class="checkbox-tool" name="tool"  id="SB201" value="SB201">
        <img  class="draggable correct" draggable="true" src="img-game/WOOD/SB201.png">
    </div>
    <div class="check-tool">
        <input type="checkbox" class="checkbox-tool" name="tool"  id="SB204" value="SB204">
        <img class="draggable correct" draggable="true" src="img-game/WOOD/SB204.png">
    </div>
    <div class="check-tool">
        <input type="checkbox" class="checkbox-tool" name="tool"  id=SBG700" value="SBG700">
        <img  class="draggable correct" draggable="true" src="img-game/WOOD/SBG700.png">
    </div>


</section>
    <button id="check" class="btn">Construye</button>

如果有人可以解释一下如何使用 Push 方法创建该数组以及谁制作了该数组 与正确的组合数组比较

Answer 1

这是您的解决方案的演示

   

 let check = function () {
  let checkboxes = document.querySelectorAll("input[type=checkbox]");
  let result = [];
  for (let i = 0; i < checkboxes.length; i++) {
        if (checkboxes[i].checked) {
           result.push(checkboxes[i].value);
        } else {
           result.push('null');
        }
  }

  console.log(result);
};