Layui数据表格单击一行选中复选框(每次只选中一项的复选框)

xiaoxiao2021-02-28  42

//单击行勾选checkbox事件 $(document).on("click",".layui-table-body table.layui-table tbody tr", function () {     var index = $(this).attr('data-index');     var tableBox = $(this).parents('.layui-table-box');     //存在固定列     if (tableBox.find(".layui-table-fixed.layui-table-fixed-l").length>0) {         tableDiv = tableBox.find(".layui-table-fixed.layui-table-fixed-l");     } else {         tableDiv = tableBox.find(".layui-table-body.layui-table-main");     }     //获取已选中列并取消选中     var trs = tableDiv.find(".layui-unselect.layui-form-checkbox.layui-form-checked").parent().parent().parent();    for(var i = 0;i<trs.length;i++){   var ind = $(trs[i]).attr("data-index");   if(ind!=index){   var checkCell = tableDiv.find("tr[data-index=" + ind + "]").find("td div.laytable-cell-checkbox div.layui-form-checkbox I");     if (checkCell.length>0) {         checkCell.click();     }   }    } //选中单击行     var checkCell = tableDiv.find("tr[data-index=" + index + "]").find("td div.laytable-cell-checkbox div.layui-form-checkbox I");    if (checkCell.length>0 & trs.length===1) {         checkCell.click();     }         checkCell.click();     } }); $(document).on("click", "td div.laytable-cell-checkbox div.layui-form-checkbox", function (e) {     e.stopPropagation();

});

参考原文链接https://blog.csdn.net/damosk/article/details/79609272

转载请注明原文地址: https://www.6miu.com/read-2632867.html

最新回复(0)