检查是否从输入数组中检查了任何复选框输入

Question

我有一个 chechbox 输入的节点列表

const searchSizeSelectionInputs = document.querySelectorAll(
  ".sizeHolderFilter > input")

我编写了一个函数来检查是否选中了任何复选框，该函数是

const activationChecker = ()=>{
  if (
    availabilityInStoreOptions[0].classList.contains("activeSortOptionSP") ||
    availabilityInStoreOptions[1].classList.contains("activeSortOptionSP")
  ) {
    isAvailabilityInStorActive = true;
  }
  if(  !availabilityInStoreOptions[0].classList.contains("activeSortOptionSP") &&
    !availabilityInStoreOptions[1].classList.contains("activeSortOptionSP")) {
    isAvailabilityInStorActive = false;
  }
  searchSizeSelectionInputs.forEach(input => {
    if (input.checked) {
      isSizeInputChecked = true;
    } else {
      let isSizeInputChecked = false;
    }
  });
  searchColorSelectionInputs.forEach(input => {
    if (input.checked) {
      isColorInputChecked = true;
    } else {
      let isColorInputChecked = false;
    }
  });

};

问题是，当我检查 isSizeInputChecked 或 isColorInputChecked 的结果时，它给了我错误的答案，例如，当我选中复选框时，它给出了正确的答案，而当我取消选中该复选框时，它仍然给出了正确的答案，我在一个单上测试了相同的代码对象并且它工作得很好，我相信我在节点列表上这样做确实有问题。 这一定是错误的方式：

searchSizeSelectionInputs.forEach(input => {
    if (input.checked) {
      isSizeInputChecked = true;
    } else {
      let isSizeInputChecked = false;
    }

如何检查是否选中了任何复选框或未选中任何复选框？

Answer 1

 function getCheckedData() { let atleastOneChecked=Array.from(document.querySelectorAll('.checkbox')) .some( function(inputCheckbox) { return inputCheckbox.checked; } ); let allChecked=Array.from(document.querySelectorAll('.checkbox')) .every( function(inputCheckbox) { return inputCheckbox.checked; } ); console.log('atleastOneChecked',atleastOneChecked); console.log('allChekecked',allChecked); }

 <input type="checkbox" class='checkbox'> <input type="checkbox" class='checkbox'> <button onclick="getCheckedData()">Get checked data</button>

document.querySelectorAll返回一个 NodeList，它不是一个数组。 我们必须使用Array.from将节点列表转换为数组，并使用 Array 中的some函数来获取至少一个元素是否被检查。