layui radio 闪烁本质是原生元素先渲染、再被js替换导致的dom状态切换。应加lay-ignore属性+延迟渲染，或用css隐藏原生态，避免重复调用form.render()。
layui 单选框（radio）加载时“闪一下”，本质是表单元素先以原生 HTML 渲染，再被 layui 通过 JS 替换为带样式的组件——两次 DOM 状态切换导致视觉跳变。这不是 bug，而是 layui.form.render() 的同步替换机制在 DOM 尚未稳定时触发所致。
为什么 radio 初始化会闪烁
layui 的 form.render() 默认遍历所有 input[type=radio] 并重写 DOM 结构（替换成 div.layui-form-radio 套层），若该操作发生在页面 layout 过程中（比如 DOMContentLoaded 后立刻执行），浏览器会先画一次原生 radio，再重绘 layui 样式层，肉眼就看到“原生→消失→新样式出现”的抖动。
- 常见于：表单区域在首屏、未加 loading 占位、或
form.render()被放在$(document).ready()里无延迟执行 - IE11 / 低配设备更明显，因重绘耗时更长
- 如果 radio 在 layer 弹窗里，还叠加了弹窗 DOM 插入时机问题，闪得更频繁
关闭自动渲染，改用手动 + 延迟时机
别让 layui 自动扫全页 radio，主动控制渲染入口和节奏：
- 初始化时加
lay-ignore属性，阻止 layui 自动处理：<input type="radio" name="sex" value="1" lay-ignore> - 确保表单容器已插入文档流且尺寸稳定后再调
form.render('radio')，例如：setTimeout(() => { layui.form.render('radio', 'form-container'); }, 50); - 若在 layer.open() 中使用，务必等弹窗 DOM 完全就位——用
success回调而非yes或直接写在 open 参数里：layer.open({ type: 1, content: $('#myForm'), success: function() { layui.form.render('radio', 'myForm'); } });
用 CSS 骨架隐藏原生状态
不让用户看到原生 radio 是最直接的防闪方案：
- 给 radio 容器加
position: relative，并初始设opacity: 0或visibility: hidden - 在
form.render()成功后，用 JS 切换回可见：layui.form.render('radio', 'form-id'); $('#form-id').css({ opacity: 1, transition: 'opacity .2s' }); - 避免用
display: none——它会让 form.render() 找不到目标元素
注意 form.render() 的 scope 和重复调用
多次调用 form.render('radio') 会导致 DOM 被反复重建，每次都是新闪一次：
- 只在必要时调用，比如动态插入 radio 后；静态表单最多调一次
- 不要在
form.on('submit()')里又调form.render()，提交不改 radio 结构 - 若用了
lay-filter，确保每个 radio 组 name 值唯一，否则跨组渲染会错乱
真正容易被忽略的是：radio 闪不是样式问题，而是 DOM 生命周期管理问题。你得把“什么时候渲染”和“渲染前怎么藏”想清楚，而不是盯着 CSS 动画调来调去。
