layUI表格实现点击行复选框选中效果

实现点击行选中复选框的方法如下:

 $('body').on("click", ".layui-table-body table.layui-table tbody tr td", function () {
            if ($(this).attr("data-field") === "0") return;
            $(this).siblings().eq(0).find('i').click();
 });

另附上点击行选中复选框时其他行取消选中,即只能选中一行的效果

$('body').on("click", ".layui-table-body table.layui-table tbody tr td", function () {
            var objs = $($(this).parent()).siblings();
            $.each(objs,function(i,item){
                if ($(item).find('.layui-form-checked').length > 0) {
                    $(item).find("[data-field='0']").find('i').click();
                }
            })
            if ($(this).attr("data-field") === "0") return;
            $(this).siblings().eq(0).find('i').click();
        });

 

你可能感兴趣的:(效果自定义)