您的位置:首页 > Web前端 > JQuery

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

2017-08-19 10:43 387 查看


$(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);

})
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery checkbox 函数