1. 程式人生 > >layui全部全選(非當前頁全選)效果實現

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