Jquery判断复选框 input type = checkbox 全部选中；全部不选中；其中不选中则全部就不能被选中；

最新推荐文章于 2023-10-23 15:44:26 发布

原创最新推荐文章于 2023-10-23 15:44:26 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

jquery 技术问题专栏收录该内容

14 篇文章

订阅专栏

本文介绍了使用Jquery如何实现复选框（input type=checkbox）的全选和全不选功能，并且当存在未选中的复选框时，阻止所有复选框被选中。通过示例代码展示了具体的实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//全部选中过滤报警信息设置
$("#AllChecked").click(function () {
if ($('#AllChecked').is(':checked')) {
$('.Set_check2').prop('checked', true);
$("input[name='Checked']").value = 1;
} else {
$('.Set_check2').prop('checked', false);
$("input[name='Checked']").value = 0;
}
});

//一个选中，全部不能选中
$("input[name='Checked']").click(function () {
var arr = $("input[name='Checked']");
for (var n = 0; n < arr.length; n++) {
if (!arr[n].checked) {
arr[n].value = 0;
$("#AllChecked").removeAttr("checked");
} else {
arr[n].value = 1;
}

}

方法2

//$("input[name='Checked']").each(function () {
// if (!$(this).attr("checked")) {
// $("#AllChecked").removeAttr("checked");
// }
//})

});

如下是html代码p: