最可靠做法是用label显式关联checkbox：确保input有唯一id，label添加for属性匹配该id，文字置于label内；动态渲染需在form.render('checkbox')后补全关联，避免JS模拟点击导致样式和事件失效。
直接给 label 包住文字和 input[type="checkbox"] 就行，不用 js 绑定 click 事件——这是最轻量、最可靠的做法。
为什么不能用 JS 模拟点击 input？
手动调用 $('input').click() 或 .prop('checked', true) 会绕过 layui 的表单渲染逻辑，导致：
• .layui-form-checkbox 样式不更新（比如勾选图标不出现）
• form.on('checkbox(filter)', ...) 回调不触发
• 多次点击后状态错乱，尤其在动态渲染或 form.render() 后
label 必须显式关联 input 的 id
layui 渲染 checkbox 时默认生成带 id 的 input（如 id="layui-form-checkbox-1"），但不会自动绑定 label。你得自己补全：
• 确保每个 input 有唯一 id
• 对应的 label 加上 for="xxx" 属性，值与 input.id 一致
• 文字内容放在 label 内，不要用 span 或 div 包裹
<input type="checkbox" name="agree" lay-skin="primary" id="agree-box"> <label class="layui-form-mid" for="agree-box">我已阅读并同意《用户协议》</label>
注意：label 和 input 不需要相邻，只要 for 值匹配即可生效。
如果 checkbox 是动态渲染的（如 table 行内、form.render() 后插入）
必须在 form.render() 之后再补 label 关联，否则 layui 会重写 DOM 并丢掉你的 for 属性。
常见错误写法：
• 在 HTML 里写了 label，但没加 id 和 for → 点击无效
• 动态生成 checkbox 后没调用 form.render('checkbox') → 样式不生效，label 也失效
• 把 label 放在 input 外层容器里，但用了 display: block 导致点击区域被截断
- 动态插入时，先生成
input并设好id，再生成对应label - 插入完成后立即执行
form.render('checkbox') - 避免给
label设pointer-events: none或opacity: 0类样式
真正要警惕的是：别为了“整行可点”去监听 tr 或 div 的 click 然后强行操作 checkbox——那是在对抗 layui 的设计机制，后续维护成本远高于一行 label + for。
