动态生成 radio 必须同时设置 name 和 lay-filter 属性，title 不可省略，且需调用 form.render('radio', 'filterName') 显式渲染；lay-filter 值须与 HTML 中一致，radio 必须包裹在 layui-input-block 内。
动态生成 radio 的 HTML 结构必须带 name 和 lay-filter
layui 不会自动识别纯 JS 拼接的 <input type="radio">，除非你显式声明 lay-filter 属性。只写 name 不够，lay-filter 是 form 模块监听事件和渲染样式的唯一依据。
- 错误写法：
<input type="radio" name="status" value="1" title="启用">→ 渲染后无样式、无事件绑定 - 正确写法：
<input type="radio" name="status" value="1" title="启用" lay-filter="statusFilter"> - 同一组单选框的
name必须一致，lay-filter建议每组唯一（避免事件冲突） - 生成后必须调用
form.render('radio', 'statusFilter')，第二个参数是lay-filter值，不是 ID 或 name
用 JavaScript 拼接 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，但动态插入的节点可能尚未被纳入扫描范围，导致失效 - 常见坑：在
$.ajaxsuccess 回调里生成 radio 后，立刻调form.render('radio')却没生效 → 缺少 filter 参数或 form 实例未就绪 - 确保
layui.use(['form'], function(){...})已执行，且form变量在作用域内可用
后端返回数据 → 动态生成 radio 的典型流程
假设接口返回：[{"value":"1","text":"待审核"},{"value":"2","text":"已通过"}]，你需要把它转成一组 radio 并渲染。
layui.use(['form', 'jquery'], function(){
var form = layui.form, $ = layui.$;
$.get('/api/status-options', function(res) {
var html = '';
$.each(res, function(i, item) {
html += '<input type="radio" name="status" value="' + item.value +
'" title="' + item.text + '" lay-filter="statusFilter">';
});
$('#statusContainer').html(html); // 插入到某个容器内
form.render('radio', 'statusFilter'); // 关键：指定 filter 名称
});
});
注意：这里 $('#statusContainer') 是一个 <div class="layui-input-block"> 类型的容器，不是 <form> 根元素；若容器本身是动态创建的，需确保它在调用 form.render 前已挂载到 DOM。
最易忽略的一点：layui 的 radio 渲染不支持嵌套在 layui-form-item 外部的自由布局 —— 所有 radio 必须包裹在 class="layui-input-block" 内，否则样式错位、点击区域异常。
