layui radio 点击已选项无法取消是规范限制而非 bug，需通过委托监听 click 事件、按 name 清空同组 radio 并调用 form.render('radio') 实现“点击取消”效果。
layui radio 点击已选项无法取消？必须手动清空 checked
Layui 的 radio 组件完全遵循原生行为，点击已选中的项不会取消选中——这不是 bug，是规范限制。想实现“点一下取消”，只能靠监听原生 click 并手动干预。
- 绑定事件时别用
form.on('radio()')，它只在切换时触发，已选中状态再点根本不进回调 - 推荐用委托监听：
$(document).on('click', '.layui-form-radio', ...)，兼容动态渲染的表单 - 在回调里先获取当前
input[type="radio"]，判断el.checked === true再执行清除 - 清除范围必须是同
name下所有 radio：$(`input[name="${name}"]`).prop('checked', false) - 最后必须调用
form.render('radio')，否则 UI 上的对勾和蓝色边框不会消失
清空后 UI 不变？漏了 form.render('radio') 或作用域错误
常见现象：JS 里把所有 checked 设为 false，但页面上还是显示选中态。根本原因是 Layui 的 UI 和 DOM 分离，只改 DOM 不触发重绘。
-
form.render('radio')必须在layui.use('form', function(){...})内部调用，确保form实例已加载 - 不能写成全局变量未定义的
form.render()，也不能在layui.use外直接调用 - 如果页面有多个表单，
form.render('radio')会重绘全部；Layui 没提供按 name 或 filter 单独刷新某组 radio 的接口 - 注意：不要操作
.layui-form-radio里的i标签或文字区域，容易误判点击目标，应严格用el.closest('input[type="radio"]')定位
多组 radio 共存时，如何避免互相干扰？靠 name 属性精准隔离
一个页面常有多个 radio 组（如“性别”“状态”“类型”），清空逻辑必须按 name 隔离，否则一点全清。
- 监听 click 时，从被点击的
.layui-form-radio向下找input，取它的name属性值 - 清除时只操作
$(`input[name="${name}"]`)，绝不写$('input[type="radio"]') - 如果某组 radio 是异步插入（比如 tab 切换后加载），需确保事件委托在 document 级，而非仅绑定到初始 DOM
- 测试时可临时加
console.log(name)，确认拿到的是预期的 name，比如"status"而不是"gender"
表单重置按钮里怎么批量清空所有 radio？用 form.val() 更可靠
单独处理每个 radio 组太繁琐，尤其表单字段多时。更推荐走 Layui 表单模块的统一路径：form.val()。
- 确保表单容器有
lay-filter="searchForm"，然后调用form.val('searchForm', {})，它会自动把所有 radio 清为空 - 该方法内部已处理
checked = false和form.render('radio')，无需额外写 - 注意：
form.val()对 radio 的“空值”理解是undefined或缺失字段，所以传空对象即可，不用显式写{ gender: '', status: '' } - 但
form.val()不会触发表单验证重置，如有红边提示，需手动$('input').removeClass('layui-form-danger')
form.render() 或漏掉 name 隔离，UI 和数据立刻脱节。
