layui全部全选(非当前页全选)效果实现

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');
                }
            }
        });

猜你喜欢

转载自blog.csdn.net/qq_18145031/article/details/84848961