html代码如下:
展现效果:
对应全部全选layui代码如下:
//全部全选
form.on('checkbox(checkall)', function (data) {
var child = $(data.elem).parents('.layui-tab-item').find('input[type="checkbox"]');
child.each(function (index, item) {
item.checked = data.elem.checked;
});
form.render('checkbox');
});
table中取消任何一项勾选,全部全选取消勾选,layui代码如下:
table.on('checkbox', function (obj) {
if (obj.checked == false) {
var tableindex = $(".layui-tab-title .layui-this").attr("tabindex");
$check = $("#" + tableindex).parents(".layui-tab-item").find('input[name="checkall"]');
if ($check.is(":checked")) {
$("#" + tableindex).parents(".layui-tab-item").find('input[name="checkall"]').prop("checked", false);
form.render('checkbox');
}
}
});