layui中全选反选_layui checkbox 反选/全选/取消单个取消全选/全部选中勾上全选

站点

layui.use('form', function () {

var form = layui.form;

//全选

form.on('checkbox(c_all)', function (data) {

var a = data.elem.checked;

if (a == true) {

$(".cityId").prop("checked", true);

form.render('checkbox');

} else {

$(".cityId").prop("checked", false);

form.render('checkbox');

}

});

//反选

form.on('checkbox(f_all)', function (data) {

var item = $(".cityId");

item.each(function () {

if ($(this).prop("checked")) {

$(this).prop("checked", false);

} else {

$(this).prop("checked", true);

}

})

form.render('checkbox');

});

//有一个未选中全选取消选中

form.on('checkbox(c_one)', function (data) {

var item = $(".cityId");

for (var i = 0; i < item.length; i++) {

if (item[i].checked == false) {

$("#c_all").prop("checked", false);

form.render('checkbox');

break;

}

}

//如果都勾选了 勾上全选

var all=item.length;

for (var i = 0; i < item.length; i++) {

if (item[i].checked == true) {

all--;

}

}

if(all==0){

$("#c_all").prop("checked", true);

form.render('checkbox');}

});

});