全选框样式不生效需先调用form.render()；颜色覆盖须用.layui-form-checked[lay-skin=primary] i加!important；表头全选框需手动加lay-filter并重render；状态管理须区分form与table模块职责。
全选框样式不生效？先确认 form.render() 是否调用
layui 的 lay-skin="primary" 复选框必须经 form.render() 渲染后才显示美化样式，否则就是原生灰色方块。常见错误是 html 写对了，但 js 里漏掉 form.render() 或调用时机不对（比如 dom 还没加载完就执行）。
- 确保页面已引入
layui.css和layui.all.js（或至少form.js） -
form = layui.form()必须在所有 checkbox DOM 渲染完成后执行 - 动态追加的 checkbox（如 AJAX 加载表格后插入），必须手动调用
form.render('checkbox') - 使用
table模块渲染时，table.render()默认会渲染 tbody 中的 checkbox，但表头那个全选框仍需额外调用form.render('checkbox')—— 它不在 table 自动管理范围内
想改颜色却覆盖不了？CSS 优先级和 !important 缺一不可
layui 默认选中色是绿色，直接写 .layui-form-checked i 很可能无效，因为框架内部 CSS 带了更具体的权重。
- 必须用
.layui-form-checked[lay-skin=primary] i精准匹配，并加上!important - 悬浮态也要单独处理：
.layui-form-checkbox:hover i和.layui-form-checked[lay-skin=primary]:hover i - 字体图标依赖
layui/font/目录下的文件，如果页面报 404 字体请求，复选框会显示为方框或小方块——把整个layui/font/目录复制到你项目对应路径下
表头全选框点击无响应？检查 lay-filter 和事件绑定范围
全选功能依赖 form.on('checkbox(filterName)') 监听，但很多人把 lay-filter 写错、或 selector 匹配不到目标元素，导致事件根本没触发。
- HTML 中写
<input type="checkbox" lay-filter="allChoose">，JS 中用form.on('checkbox(allChoose)', ...)，值必须严格一致 -
form必须在layui.use(['form'], function() { ... })回调内获取，不能提前声明 - 别用原生
click绑定：$('#checkall').on('click', ...)会失效，因为 layui 的 checkbox 是渲染后的伪元素，真实 DOM 状态和 UI 不同步 - 表头 checkbox 若由
table.render()自动生成（即{type: 'checkbox'}列），它没有lay-filter，必须手动加属性再重 render；若手写 HTML，则必须自己加lay-filter
自定义表头 checkbox 后，table.checkStatus() 返回空？别绕过 layui 状态管理
如果你放弃内置 {type: 'checkbox'} 列，改用普通 HTML + 手动绑定 click，然后用 jQuery 直接操作 prop('checked')，table.checkStatus('myTable') 将无法正确返回结果——因为 layui 内部状态和 DOM 已脱节。
- 真正可靠的方式：保留
{type: 'checkbox'}列，只接管点击行为（在done回调中绑定thead .layui-table-patch input[lay-type="all"]），event.preventDefault()后调用你自己的逻辑，但最终仍要靠table.checkStatus()获取状态 - 若坚持手动控制，务必同步维护一个全局
Set（如window.selectedIds），并在table.on('checkbox(filter)')中更新，否则翻页后状态丢失 - 注意：表头 checkbox 的 class 是
layui-table-patch，但更稳的方式是用属性选择器定位lay-type="all"的元素
