layui table行点击选中复选框必须在done回调中绑定事件委托，调用table.checkrow/togglecheckrow更新状态，过滤表头、操作列及复选框自身，全选与单选需配合checkstatus校验并手动维护跨页选中状态。

layui table 行点击选中复选框的 DOM 事件绑定位置

必须在 done 回调里操作，不能在 init 阶段或表格渲染前绑。因为 table.render() 是异步渲染，tbody 内容初始为空，直接查 .layui-table-body 下的 tr 会找不到节点。

• 用 done: function(res, curr, count) { ... } 确保表格 DOM 已就绪
• 推荐用事件委托：绑定到 .layui-table-body .layui-table，监听 tr 的 click
• 避免对每行重复绑定——委托一次就够了，否则翻页后失效或重复触发

如何正确触发 layui 复选框的选中状态更新

不能直接改 input[type="checkbox"] 的 checked 属性，否则 layui 的样式（如 .layui-form-checkbox[lay-skin="primary"]）和内部选中状态不同步，会导致 UI 和数据不一致。

• 必须调用 table.checkRow(tableId, data) 或 table.toggleCheckRow(tableId, data)
• data 要是该行原始数据对象（即 res.data[index]），不是 DOM 元素
• 获取行数据得靠 $(tr).data('index') 拿索引，再从 res.data 中取；或者用 table.cache[tableId][index]
• 如果用了 id 字段作为唯一标识，更稳妥：先用 $(tr).data('id') 取 id，再遍历 table.cache[tableId] 匹配

点击区域排除表头、操作列、复选框本身

用户点表头、点“操作”按钮、点已有的复选框时，不该再触发二次选中，否则逻辑错乱。需要过滤掉这些区域。

• 判断 e.target：若 e.target.tagName === 'TH' 或 $(e.target).closest('.layui-table-col-special').length，直接 return
• 特别注意：复选框本身（.layui-form-checkbox）和它的子元素（如 i 标签）也要跳过，否则点一下 checkbox 会先触发原生行为，再被 JS 强制 toggle，变成反向操作
• 建议加一层保护：if ($(e.target).is('input[type="checkbox"], .layui-form-checkbox, .layui-form-checkbox *')) return

全选/反选与单行点击的兼容性问题

当用户点了全选，再手动点某行取消，或者反过来，layui 内部的 table.config.checkCtrl 状态容易混乱，导致 checkStatus 返回结果不准。

• 务必在每次手动操作后调用 table.checkStatus(tableId) 验证当前状态，不要依赖缓存
• 如果启用了 page: true，注意 checkStatus 默认只返回当前页数据；跨页全选需自己维护 checkedIds = new Set()
• 翻页时，layui 不会自动同步 checkbox 的 DOM 状态，得在 page: {curr: ...} 改变后，用 table.cache 和你维护的集合比对，重置每行 checkbox 的 checked 和 class

事情说清了就结束。最常漏的是事件委托时机和 checkbox 状态不同步——这两个点一错，整个交互就不可控。