直接给 radio 绑 click 事件不生效，因为 Layui 渲染后原始 input 被隐藏，点击触发的是外层 .layui-form-radio 元素；应使用 form.on('radio(name)', callback) 监听，确保表单有 lay-filter、radio 有 name 属性，并在 layui.use(['form'], ...) 中注册。
为什么直接给 radio 绑 click 事件不生效？
因为 layui 的 radio 是通过 layui.form.render() 渲染成美化后的 dom，原始 <input type="radio"> 被隐藏，点击实际触发的是外层生成的 .layui-form-radio 元素。直接对原 input 绑 click 会失效。
正确做法是监听 Layui 封装的表单事件，或委托到渲染后的容器上。
用 form.on('radio') 监听并提交表单
Layui 表单模块提供了专门的 radio 事件，它在用户切换选项时触发，且自动兼容渲染后结构。
- 确保表单有
lay-filter属性，例如：<form lay-filter="myForm"></form> - radio 项必须有
name（Layui 依赖它分组），例如：<input type="radio" name="status" value="1"> - 在
layui.use(['form'], ...)回调中注册监听：
form.on('radio(status)', function(data){
// data.value 是当前选中的 value 值
// data.elem 是当前被点击的原始 input DOM
$.post('/api/update', { status: data.value }, function(res){
layer.msg('已保存');
});
});
注意：事件名 radio(status) 中括号内填的是 name 属性值，不是 ID 或 class。
手动触发提交时避免重复渲染或校验干扰
如果业务需要「点击即提交整个表单」（而非仅发 API），要注意 Layui 默认会在 form.submit 事件中做验证，而 radio 本身不触发该事件。
- 不要用
$('form').submit()—— 它可能绕过 Layui 的验证逻辑，也可能因未初始化 form 模块而失败 - 推荐显式调用
form.submit('myForm')，前提是已设置lay-filter="myForm" - 若不想走验证，可跳过
form.submit，改用$.ajax或fetch提交数据，更可控 - 多次快速点击同一 radio 可能触发多次请求，建议加防抖或禁用按钮状态（如用
data.loading="true"标记）
移动端点击区域太小？补全点击响应范围
Layui 默认的 radio 美化后点击区集中在圆点图标，手指操作容易误触或点不中。
- 检查是否遗漏了
layui-form-radio的父级包裹 —— Layui 要求每个radio必须在<div class="layui-form-item"> 内，否则渲染异常 <li>可加 CSS 扩展点击热区：<code>.layui-form-radio{ padding: 8px 0; }，但别影响布局流 - 避免对
.layui-form-radio-i单独设cursor: pointer，Layui 已处理；重点确保外层label或div能捕获事件
真正卡住的往往不是 JS 逻辑，而是 DOM 结构没按 Layui 要求组织，导致 form.on('radio') 根本不触发。
