Layui分页表格中checkbox翻页“失忆”是因为其不维护全局选中状态，需用外部数组selectedIds手动记录ID；勾选时增删ID，导出时通过前端缓存或后端批量查询获取完整数据。
为什么 checkbox 在 Layui 分页表格里一翻页就“失忆”
layui 的 table.render() 默认是前端分页或服务端分页，但无论哪种，checkbox 的勾选状态都只保留在当前页 dom 中。翻页后新渲染的表格没继承之前的选择，table.checkstatus() 自然拿不到跨页数据 —— 这不是 bug，是设计使然：layui 表格本身不维护全局选中状态。
- 服务端分页时，每页数据都是独立请求回来的，DOM 重建，原
input[type=checkbox]节点被销毁 - 前端分页（
page: false）虽数据全在本地，但 Layui 不自动同步 checkbox 的 checked 状态到数据源 - 直接用
table.checkStatus('id')只返回当前页已勾选的data，跨页为空
用 data 数组手动维护选中 ID 列表
核心思路：不依赖表格 DOM 状态，改用一个外部数组（如 selectedIds）记录用户点过的所有行的唯一标识（比如 id 字段），每次勾选/取消都增删这个数组。导出时再根据这些 ID 去原始数据源（或重新查一遍）捞出完整行数据。
- 给表格加
id字段（或任意唯一字段），并在cols中设type: 'checkbox' - 监听
table.on('checkbox(test)', ...)事件，用obj.checked和obj.data.id更新selectedIds - 注意去重：同一行可能被多次勾选/取消，用
Set或includes()+splice()控制 - 如果原始数据不在前端（服务端分页），导出前需调用一次接口，传
selectedIds批量查详情（避免 N+1 请求）
let selectedIds = [];
table.on('checkbox(test)', function(obj){
const id = obj.data.id;
if(obj.checked){
if(!selectedIds.includes(id)) selectedIds.push(id);
} else {
const i = selectedIds.indexOf(id);
if(i > -1) selectedIds.splice(i, 1);
}
});
导出时怎么拿到跨页的完整行数据
不能靠 table.checkStatus()，得自己组织数据。有两条路：前端全量缓存 or 后端按 ID 拉取。前者省请求但吃内存；后者更稳妥，尤其数据量大或字段多时。
- 前端缓存：初始化表格前，把全部数据存到
allDataMap = new Map()，key 是id，value 是整行对象；导出时遍历selectedIds从 map 取值 - 后端拉取：调
$.post('/api/export', { ids: selectedIds })，后端 SQL 用WHERE id IN (...)查，返回带表头的 Excel 或 CSV 流 - 别漏掉：导出按钮要禁用空选择（
if(selectedIds.length === 0) return），否则后端可能报空参数错误 - 性能提醒：如果
selectedIds上千，MySQL 的IN子句可能慢，可考虑分批或改用临时表
容易被忽略的细节：全选按钮和反选逻辑要同步处理
很多人只处理单行 checkbox，忘了 thead 里的全选框（lay-skin="primary"）点击后不会触发 checkbox 事件，得单独监听 table.on('tool(test)', ...) 或绑定 click 到 .layui-table-box .layui-table-header input[type=checkbox]。
- 全选时：遍历当前页所有
data，把id推进selectedIds，并去重 - 取消全选时：从
selectedIds中剔除当前页所有id（不是清空） - 反选：先算当前页未选中的
id，加入selectedIds；再把当前页已选的id剔除 - 页面跳转、搜索重载表格后，记得重置全选框的
checked状态（它不会自动变）
