选项卡切换后单选框状态“丢失”实为未及时重渲染：Layui tab仅显隐DOM而不重绘，需监听tab显示事件并手动调用layui.form.render('radio')或table.reload()恢复状态。
为什么选项卡切换后单选框状态会丢失
Layui 的 tab 切换默认只切换 DOM 显示/隐藏，不会重新渲染 tab 内容；但如果你在 tab 里用了 table.render() 或其他需要初始化的组件（比如带 lay-skin="switch" 的单选框），而没在 tab 显示时主动触发重绘，那这些控件的状态就停留在首次加载那一刻——不是“丢失”，是根本没更新。
table 渲染的单选框在 tab 切换后不响应怎么办
常见错误是把 table.render() 写在页面初始化时，但没监听 tab 显示事件。Layui 的 tab 切换不会自动帮你 reload 表格，也不会重新绑定 form 组件。
- 必须监听
element.on('tab(filter)', function(){})，在回调里调用table.reload()或手动触发layui.form.render('radio') - 如果表格启用了
checkName: 'LAY_CHECKED'，reload 前要先保存已选 ID，done 回调里再用table.checkRow()恢复（仅限 2.9.9+ 支持） - radio 的 name 必须一致且唯一，否则多个 tab 里的同名 radio 会互相干扰；建议按 tab id 动态拼：
name="status_{{d.tabId}}" - 不要依赖
data-index或lay-index恢复状态——tab 切换后 DOM 节点可能被移除或重挂，索引不可靠
纯 HTML 单选框（非 table 内）在 tab 切换后未同步值
这种情况更隐蔽：DOM 是还在的，但浏览器在 tab 隐藏时可能暂停某些行为，或者你用了 JS 手动修改了 checked 属性，却没同步到对应 input 元素的 value 或绑定数据。
- 确保所有 radio 都有明确的
value，且初始checked状态由后端或 JS 显式设置，而不是靠 DOM 加载顺序 - 在
element.on('tab(filter)')回调中，用$('input[name="xxx"]:checked').val()主动读一次当前值，并更新对应业务变量 - 如果用了 Vue/React 等框架嵌套 Layui，注意生命周期——tab 切换不是 mounted，得手动触发 update
容易被忽略的关键点
tab 切换本身不触发任何表单控件的初始化逻辑；Layui 的 form.render() 只作用于当前文档流中可见的元素，对 display:none 的 tab 内容无效。你得在 tab 显示瞬间，立刻执行 layui.form.render('radio')，且确保此时 DOM 已插入并可查。否则，哪怕代码写对了，时机错了，状态照样“消失”。
