JQuery实现全选/全不选,取消子checkbox时,全选checkbox取消对勾号

时间:2022-05-04 09:42:12

JQuery实现全选/全不选,取消子checkbox时,全选checkbox取消对勾号

 $(function () {
$("#checkAll").click(function () {//判断全选框的改变
var flage = $(this).is(":checked");//全选选中为true,否则为false
$("input[type=checkbox]").each(function () {
$(this).prop("checked", flage);
})
});
//当子元素都选全选选中,其中一个不选取消全选
$("input[name=checkBox]").click(function () {
var flage1 = true;
for (var i = 0; i < $("input[name=checkBox]").length; i++) {
if (!$($("input[name=checkBox]")[i]).is(":checked")) {
flage1 = false;
break;
}
}
$("#checkAll").prop("checked", flage1);

})
})