在 layui 中动态生成 radio 单选框时，以下几个条件缺一不可：必须同时设置 name 和 lay-filter 属性，title 也不能省略；此外，还要调用 form.render('radio', 'filterName') 进行主动渲染。尤其要注意，lay-filter 的值必须与 HTML 中保持完全一致，并且 radio 必须包裹在 layui-input-block 容器内。

动态生成 radio 的 HTML 结构必须包含 name 和 lay-filter

layui 默认不会自动识别通过纯 JavaScript 拼接出来的 ，除非你明确添加了 lay-filter 属性。仅仅设置 name 还不够，lay-filter 才是 layui form 模块监听事件和执行样式渲染的重要依据。

• 错误写法： → 渲染后没有样式，也不会绑定事件
• 正确写法：
• 同一组单选框的 name 必须保持一致，lay-filter 建议每组单独设置，避免事件冲突
• 生成完成后必须调用 form.render('radio', 'statusFilter')，第二个参数对应的是 lay-filter 的值，不是 ID，也不是 name

用 Ja vaScript 拼接 radio 时，title 属性绝不能遗漏

layui 的 radio 样式渲染依赖 title 属性来生成右侧的文字标签。如果省略该属性，就只会显示单选圆点而没有文本，并且即使后续再执行 form.render() 也无法补上，因为渲染逻辑会在初始化阶段读取 title。

• title 的值会直接作为 label 文本显示，不支持 HTML 实体解析，也不会保留多余空格（例如 title="已启用 " 末尾空格会被自动忽略）
• 如果文字内容需要动态生成，拼接时要确保 title 字符串已经完成转义，尤其是包含引号、尖括号时，推荐使用 document.createTextNode().textContent 或模板字符串进行安全插值
• 不要尝试使用 data-title 替代 title，因为 layui 并不会读取这个属性

动态生成后必须手动触发 form.render，而且参数不能写错

如果只调用 form.render('radio')，属于全局重绘，性能相对较低；如果只调用 form.render() 而不指定类型，默认通常只会刷新 select 和 checkbox，radio 很可能不会被正确处理。

• 正确调用方式：form.render('radio', 'yourFilterName')，其中 'yourFilterName' 必须和 HTML 里的 lay-filter 值完全一致
• 如果没有传入第二个参数，layui 会尝试扫描整个 DOM 查找全部 lay-filter，但动态插入的节点有时还未被正确纳入扫描范围，最终导致渲染失败
• 常见问题：在 $.ajax 的 success 回调中生成 radio 后，马上调用 form.render('radio') 却没有效果 → 通常是缺少 filter 参数，或者 form 实例尚未准备完成
• 务必确认 layui.use(['form'], function(){...}) 已正常执行，并且当前作用域内可以访问 form 变量

后端返回数据 → 动态生成 radio 的常见实现流程

假设接口返回：[{"value":"1","text":"待审核"},{"value":"2","text":"已通过"}]，此时你需要将其转换成一组 radio 单选框，再交给 layui 进行渲染。

layui.use(['form', 'jquery'], function(){
var form = layui.form, $ = layui.$;
$.get('/api/status-options', function(res) {
var html = '';
$.each(res, function(i, item) {
html += '';
});
$('#statusContainer').html(html); // 插入到某个容器内
form.render('radio', 'statusFilter'); // 关键：指定 filter 名称
});
});

需要注意的是，这里的 $('#statusContainer') 应该是一个

类型的容器，而不是