Layui checkbox异步确认需拦截form.on('checkbox')，禁用元素并手动发请求；成功则更新状态，失败则还原checked属性、class及UI，并同步table.cache和checkedIds集合。
layui checkbox 切换时怎么触发异步确认
不能直接监听 change 事件后发请求，否则用户快速连点两次会导致状态错乱、ui 与服务端不一致。必须阻断默认行为，在服务端响应成功后再同步更新 checkbox 状态和样式。
核心做法是：用 layui.form.on('checkbox(filterName)', ...) 拦截切换，立即禁用该 checkbox，手动调接口；成功则保留新值，失败则还原为旧值并恢复可用。
- 务必在回调里先执行
$(e.elem).prop('disabled', true)，防止重复点击 - 用
e.value获取目标值（"on" 或自定义的lay-skin="switch"的value），但不要直接赋给 DOM - 还原旧值时，不能只改
checked属性，得同时调form.render('checkbox')同步 UI - 如果用了
lay-skin="switch"，注意其内部结构含i标签，还原时要确保整个开关视觉态一致
为什么 form.on('checkbox(...)') 里不能 return false 就完事
return false 只阻止了表单默认提交，但对 checkbox 的勾选/取消动作无效——Layui 内部已把 checked 属性和 .layui-form-checkbox[checked] class 同步更新了，此时再发请求失败，页面就“假成功”了。
真实场景下，你看到开关已滑到“开”，但后端返回 403，用户以为操作生效，其实没变。
- 正确做法：在回调开头记录原始状态
const wasChecked = $(e.elem).is(':checked') - 请求失败后，手动设回：
$(e.elem).prop('checked', wasChecked).next().removeClass('layui-form-onswitch').addClass(wasChecked ? 'layui-form-onswitch' : '') - 最后必须调
form.render('checkbox')，否则 switch 的动画和 class 不会重绘
如何避免异步确认期间的 UI 错觉
用户点击开关瞬间，Layui 默认会立刻翻转样式，但此时请求还没发出去。这个“提前反馈”容易造成困惑，尤其网络慢时，用户可能误以为已生效而离开页面。
- 推荐在
form.on回调最开始加 loading 效果：$(e.elem).closest('.layui-form-switch').addClass('layui-disabled')（配合 CSS 灰化） - 或者更稳妥：先移除所有开关交互，等请求结束再恢复 ——
$(e.elem).closest('.layui-form-switch').css('pointer-events', 'none') - 别依赖
layer.load()，它浮在顶层，和开关位置无关，用户可能根本注意不到 - 错误提示建议用
layer.tips(msg, e.elem, {tips: [2, '#FF5722']})直接贴在开关旁，3 秒后自动消失
跨行 checkbox 异步确认要注意 cache 不同步
如果这个 checkbox 是表格里的列（比如“启用/禁用”操作列），光处理 DOM 和 form 渲染还不够。table.cache 里的对应字段不会自动更新，后续导出、筛选或翻页都可能读到旧值。
- 请求成功后，除了 UI 还原，还得手动更新缓存：
table.cache['yourTableId'][e.tr.data('index')].status = e.value - 如果表格启用了分页，且你做了跨页全选逻辑，记得同步维护你自己的
checkedIds集合 - 切忌调
table.reloadData()来“保险”——它会丢弃当前所有编辑态，包括其他正在输入的单元格
最容易被忽略的是：开关切换后没清掉上一次的 layer.tips，导致多个提示堆叠遮挡；还有就是忘记在失败后恢复 pointer-events，整行开关从此点不动。
