Javascript 仅选择/取消选择可见复选框

我有一个手风琴，每个手风琴项目都带有复选框，一些手风琴项目使用

style=“display:none；”“

属性隐藏

下面是HTMLDOM层次结构的屏幕截图

下面是html代码

tc_登录
tc_注销
合同
合同验证

您可以验证您的复选框是否显示以下内容：

for(var i=0, n=checkboxes.length; i<n; i++) {
  if (checkboxes[i].style.display != "none"){
      checkboxes[i].checked = true;
  }
}

---

for（var i=0，n=checkboxes.length；i您可以验证您的复选框是否显示以下内容：

for(var i=0, n=checkboxes.length; i<n; i++) {
  if (checkboxes[i].style.display != "none"){
      checkboxes[i].checked = true;
  }
}

for（var i=0，n=checkbox.length；i
//按名称查找，仅筛选可见的内容
$（document.getElementsByName（'InputLabeleAutyNoLabeledCheckBox'））.filter（':visible'）.each（函数（）{
//改变状态
this.checked=source.checked；
//找到元素的标签并更改其状态
$（'label[for=“”+this.id+”）.attr（“aria已选中”，source.checked）；
}）；
//按名称查找，仅筛选可见的内容
$（document.getElementsByName（'InputLabeleAutyNoLabeledCheckBox'））.filter（':visible'）.each（函数（）{
//改变状态
this.checked=source.checked；
//找到元素的标签并更改其状态
$（'label[for=“”+this.id+”）.attr（“aria已选中”，source.checked）；
}）；
使用jquery这将非常简单，因为我在您的问题中看到了jquery标记

$("input:checkbox:visible").not("#chkDisplayAll").prop('checked', $(this).prop('checked'));

请参见下面的代码段：


$（文档）.ready（函数（）{
$（“#chkCheckAll”）。单击（函数（）{
$（“输入：复选框：可见”）.not（“#chkDisplayAll”）.prop（'checked'，$（this.prop（'checked'））；
});
$（“#chkDisplayAll”）。单击（函数（）{
如果（$（“#chkDisplayAll”）。为（“：选中”））
$（“输入：checkbox.not visible”）.show（）；
其他的
$（“输入：checkbox.not visible”）.hide（）；
})
$（“输入：checkbox.not visible”）.hide（）；
})；

全部检查
全部显示


使用jquery这将非常简单，因为我在您的问题中看到了jquery标记

$("input:checkbox:visible").not("#chkDisplayAll").prop('checked', $(this).prop('checked'));

请参见下面的代码段：


$（文档）.ready（函数（）{
$（“#chkCheckAll”）。单击（函数（）{
$（“输入：复选框：可见”）.not（“#chkDisplayAll”）.prop（'checked'，$（this.prop（'checked'））；
});
$（“#chkDisplayAll”）。单击（函数（）{
如果（$（“#chkDisplayAll”）。为（“：选中”））
$（“输入：checkbox.not visible”）.show（）；
其他的
$（“输入：checkbox.not visible”）.hide（）；
})
$（“输入：checkbox.not visible”）.hide（）；
})；

全部检查
全部显示