动态设置layui单选框选中需先设input的checked属性再调layui.form.render('radio')；须确保dom就位、form模块已加载，ajax后需插入dom并ready后再render；禁用项可设选中但不触发事件。
动态设置 Layui form 单选框选中，核心就一条：先改原生 input 的 checked 属性，再调 layui.form.render('radio') ——顺序反了就白忙活。
动态设置前必须确保 DOM 已就位且 form 模块已加载
常见错误是 JS 执行时 radio 还没插入页面，或 layui.use(['form'], ...) 没包住逻辑。尤其是 AJAX 加载表单后，form.render('radio') 必须在 DOM 插入之后、且 form 模块 ready 之后调用。
- 检查浏览器控制台是否报
form is not defined，说明模块没加载或 script 顺序错 - 用开发者工具看 radio 元素是否被加上
layui-form-radio类 —— 没加说明form.render()没执行或失败 - 如果 radio 是用
$.ajax拿数据后拼 HTML 插入的，必须插完立刻调layui.form.render('radio', 'yourFilter')，只传'radio'不指定 filter 会失效
设置选中状态的正确写法和典型错误
别直接改 .next().click() 或只调 prop('checked', true) 就完事。Layui 的 UI 是模拟出来的，DOM 状态变了，但样式层不重绘。
- ✅ 正确：
$('input[name="status"][value="1"]').prop('checked', true); layui.form.render('radio', 'userForm'); - ❌ 错误：
layui.form.render('radio', 'userForm'); $('input[name="status"][value="1"]').prop('checked', true);（UI 不变） - 批量设置时，先清空所有同名项：
$('input[name="type"]').prop('checked', false);，再设目标项，最后只 render 一次 - 如果用了
lay-filter="userForm"，render 时务必带上这个 filter 名，否则可能影响其他区域
从后端数据还原选中状态的实操要点
比如修改页加载用户数据 {status: 1}，要让 value="1" 的 radio 被选中。不能依赖后端字段名自动映射，Layui 不认 data.status 这种结构。
- 手动匹配：
$('input[name="status"][value="' + data.status + '"]').prop('checked', true); - 注意 value 类型：后端返回数字 1，但 input 的 value 是字符串 "1"，所以用
==或显式转字符串更稳妥 - 不要写成：
layui.form.val('userForm', {status: data.status})—— 这个 API 只对输入框、下拉等生效，对 radio 无效 - 禁用项（
disabled）也能被prop('checked', true)设为选中，但form.on('radio')不会触发事件，这点常被忽略
监听选中事件时怎么拿到完整原始数据
form.on('radio(filter)') 回调里的 data.value 只是当前 radio 的 value 字符串，不是整行数据。想查创建时间、备注等字段，得自己去缓存里捞。
- 用
data.value当 key，查table.cache['yourTableFilter']（如果是表格内 radio）或你自己的数据对象 - 分页场景下，
table.checkStatus('filter').data只返回当前页已选中的项，跨页选中需自己维护 ID 映射数组 - 别依赖
table.checkStatus('filter').data[0]判断默认选中是否生效 —— 初始化时它永远为空
最易被跳过的细节：动态设置 radio 后，如果紧接着调 form.val('filter') 却拿不到值，大概率是因为漏了 form.render('radio')，或者 render 时机不对 —— 它不是“注册监听”，而是“强制同步 UI 和底层状态”。
