layui单选框动态渲染后不生效，需先通过layui.use('form')加载模块，再在DOM插入完成后调用form.render('radio')，并用form.on('radio(filter)')绑定事件，确保HTML结构正确且lay-filter匹配。
layui 单选框动态渲染后不生效？先确认是否调用了 form.render()
layui 的单选框（radio）在 DOM 动态插入后，不会自动绑定事件和样式，必须手动触发 form.render()。但直接调用 form.render() 可能无效——常见原因是没指定渲染类型或未加载 form 模块。
- 确保已通过
layui.use('form', callback)正确加载form模块，否则form.render()是 undefined - 动态插入的 radio 必须有正确的 HTML 结构：包裹在
class="layui-form"容器内，且每个input[type="radio"]带name属性、lay-filter（可选），例如：<div class="layui-form"><input type="radio" name="sex" value="1" title="男"></div>
- 如果只渲染单选框，推荐限定范围：调用
form.render('radio')，比全量form.render()更安全、更快
为什么 form.render('radio') 有时仍不生效？检查 DOM 状态和作用域
即使语法正确，也可能因 DOM 尚未就绪或作用域错位导致失败。典型表现是样式正常但点击无响应、change 事件不触发。
- 确保调用
form.render('radio')在 DOM 插入完成之后（如$.ajax成功回调末尾、append()后立即执行） - 若 radio 插入到某个局部容器（比如弹窗
.layui-layer-content），需确保该容器已存在且被layui-form识别；必要时传入容器选择器：form.render('radio', '#myForm') - 避免重复渲染同一区域——多次调用
form.render('radio')可能导致事件叠加，引发重复触发
监听动态 radio 的 change 事件？别漏掉 form.on('radio(filterName)')
仅渲染还不够，动态生成的 radio 要监听选中变化，必须用 form.on() 绑定事件，且 filterName 必须与对应 radio 的 lay-filter 值一致。
- HTML 中 radio 需带
lay-filter="sexSelect"：<input type="radio" name="sex" value="1" title="男" lay-filter="sexSelect">
- JS 中监听写法：
form.on('radio(sexSelect)', function(data){ console.log(data.value); }); - 注意：该监听必须在
form.render()之后注册，且只对当前页面生命周期有效；若 radio 多次动态重建，监听只需注册一次（事件委托机制保证）
兼容性与性能提醒：layui 2.x 和 iframe 场景下的特殊处理
在 layui 2.8+ 中，form.render() 默认支持 document 内所有匹配元素；但在 iframe 子页面、或使用了 layui.config({base: 'xxx'}) 自定义路径时容易出问题。
- iframe 内使用 layui：确保子页面也独立加载了 layui 和 form 模块，父页面调用无效
- 自定义 base 路径后，可能因模块路径解析失败导致
form为空——检查浏览器控制台是否有layui.form is not defined报错 - 大量 radio（>100 个）批量渲染时，
form.render('radio')会有轻微卡顿，可考虑分批插入 + 分段渲染，或改用原生 radio + 手动加样式
form.render() 不在同一个执行上下文里，比如异步回调里忘了写，或者写了但写在了 append 前面。 
