Erstellen Sie mit JavaScript ein Array mit Kontrollkästchen

Question

Ich möchte ein Kombinationsspiel mit Kontrollkästchen erstellen, um einige Elemente einzuchecken

Ich muss ein Array erstellen, wenn der Benutzer ein Kontrollkästchen aktiviert, und es mit dem richtigen Array vergleichen

Ich weiß nicht, wer es getan hat

Das ist mein Beitrag

<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>

Wenn jemand erklären kann, wie man dieses Array mit der Push-Methode erstellt und wer es erstellt hat Vergleichen Sie mit dem korrekten kombinierten Array

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);
};