layui全部全選(非當前頁全選)效果實現
阿新 • • 發佈:2018-12-06
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'); } } });