弹出层复选框全选监听必须用form.on('checkbox(filter)')，filter须与lay-filter值严格一致；动态创建需立即调用form.render('checkbox')；区分全选/子项推荐用data.elem.name；状态同步需操作原生checked属性并重绘UI。
弹出层里复选框全选监听必须用 form.on('checkbox(filter)')
直接给弹出层里的 <input type="checkbox"> 绑原生 click 或 change 事件完全无效——layui 渲染后真实 dom 被隐藏，ui 是模拟出来的，原生事件拿不到状态，也触发不了同步逻辑。必须走 form.on() 这条唯一通路，且 filter 值要和 html 中的 lay-filter 属性严格一致（大小写、空格、符号都不能错）。
- 弹出层 HTML 必须写成：
<input type="checkbox" lay-filter="popupSelect" name="selectAll"> - 监听代码必须放在
layui.use(['form'], function() { ... })回调内，不能提前声明form - 如果弹出层是动态创建的（比如
layer.open({ content: '...' })），内容插入后必须立刻调用form.render('checkbox')，否则新元素不被识别
如何区分弹出层里的全选框和子项复选框
靠 data.elem.name 或 data.elem.id 最稳，别依赖 data.value——没设 value 的 checkbox 点击时 data.value 是 undefined，容易误判。
- 给全选框加固定标识：
<input type="checkbox" name="selectAll" lay-filter="popupSelect"> - 子项统一用
name="item"或name="popupIds[]"，在回调里用data.elem.name === 'selectAll'判断是否为全选操作 - 如果弹出层内有多个复选框区域（比如权限组 + 角色组），建议每个区域用不同
lay-filter，避免互相干扰
全选后子项状态不同步？问题大概率出在这三处
手动改 .prop('checked', true) 没用，Layui 不认 jQuery 的属性操作；只改 DOM 不重绘样式，看起来“勾上了但没变色”。
- 正确做法：遍历目标子项，直接赋值原生
item.checked = data.elem.checked（注意是原生 DOM 元素，不是 jQuery 对象） - 赋值完必须立即调用
form.render('checkbox')，强制刷新所有 checkbox 的 UI 状态 - 如果子项在弹出层的表格里，定位要用
$(data.elem).closest('.layui-layer').find('input[name="item"]')，别用全局$('input[type="checkbox"]')，否则可能把页面其他区域的 checkbox 一起动了
弹出层关闭后再打开，复选框状态丢失怎么办
这是最常被忽略的一点：Layui 不会自动缓存弹出层内表单状态。每次 layer.open 都是全新 DOM，之前勾选记录全丢。
- 解决方案：把选中状态存在变量或
sessionStorage里，每次弹出层打开时，在form.render()后手动恢复子项的checked属性 - 恢复时仍要调用
form.render('checkbox')，否则 UI 不更新 - 别在
done回调或 AJAX 成功后直接操作 DOM——此时弹出层 DOM 可能还没挂载完成，find找不到元素
