javascript - 查找是否在父 div 中选中了所有复选框

Question

我正在尝试获取 div 元素中两个输入复选框的状态。仅当选中两个复选框时，我才需要将标志变量设置为 true。如果任何输入复选框未选中，则应将其设置为 false。

我使用下面的代码尝试使用 for 循环

var oParNode = oNode.ParentNode;
if (null != oParNode) {

  for (var i = 0; i < oNode.ParentNode.Nodes.length; i++) {
    if (oNode.ParentNode.Nodes[i].Checked) {
      checked = true;
    }
    else {
      checked = false;
    }
  }
}

在此代码中，Nodes[i] 返回输入元素。当我先选中第一个复选框然后再选中第二个复选框时，此循环工作正常但是当我首先选中第二个复选框时，根据最后执行的第二个复选框值将选中的变量设置为 true。

预期:只有当两个复选框都被选中时，我才需要返回“checked”为真。

有人可以就此向我提出建议吗。

Answer 1

您可以使用 Array#some() method , 检查是否有未检查的:

var checked = oNode.ParentNode.Nodes.some(check => !check.checked)