当前位置: 代码迷 >> 综合 >> 【Layui】------ Layui Table 点击行选中示例代码
  详细解决方案

【Layui】------ Layui Table 点击行选中示例代码

热度:44   发布时间:2023-12-17 01:53:35.0

layui table 点击行选中实例

//单击行勾选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 CheckLength = tableDiv.find("tr[data-index=" + index + "]").find("td div.layui-form-checked").length;var checkCell = tableDiv.find("tr[data-index=" + index + "]").find("td div.laytable-cell-checkbox div.layui-form-checkbox I");if (checkCell.length > 0) {checkCell.click();}});$(document).on("click", "td div.laytable-cell-checkbox div.layui-form-checkbox", function (e) {e.stopPropagation();});

 

  相关解决方案