必须手动设置原生input的checked属性并调用layui.form.render('radio')同步UI；若radio在动态DOM中，需确保其已挂载后再渲染。

layui单选框怎么用JS模拟点击

不能直接调用 click() 触发 layui 渲染后的单选框，因为原生 <input type="radio"> 被 layui 隐藏了，实际可操作的是它生成的 .layui-form-radio 元素。必须操作 layui 封装后的 DOM 或调用其内部方法。

触发后如何让 layui 同步状态

只改原生 input 的 checked 属性，layui 的 UI 不会更新；只点伪元素，数据又不同步。得双管齐下：

• 手动设置原生 <input> 的 checked = true
• 再调用 form.render('radio') 强制重绘对应 radio 组
• 如果 radio 在弹窗或动态插入的 DOM 中，确保 form.render() 执行时该 DOM 已挂载

具体写法示例（推荐）

假设你的单选框 HTML 是：

<input type="radio" name="sex" value="1" title="男">
<input type="radio" name="sex" value="2" title="女">

要选中“女”，JS 写法是：

Wjs Uploading Video

将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。

下载

document.querySelector('input[name="sex"][value="2"]').checked = true;
layui.form.render('radio', 'your-form-filter'); // 第二个参数可选：指定 form 容器的 lay-filter 值

没设 lay-filter 时可省略第二个参数，但容易漏渲染 —— 尤其页面有多个 form 时，不加 filter 会全局重绘所有 radio，性能差且可能误触其他组。

为什么 $('.layui-form-radio').click() 失效

layui 的 click 事件绑定在伪元素（i.layui-icon）上，并做了防重复、状态校验等逻辑，直接对父容器 .layui-form-radio 调用 click() 不会触发内部 handler。更糟的是，jQuery 的 .click() 在某些版本里甚至不会冒泡到真实事件监听点。

真正有效的做法只有两个：

• 用原生 dispatchEvent(new Event('click')) 派发到 i.layui-icon 元素（需先定位到对应项）
• 绕过 UI，直接操作 input + form.render()（更稳定、易读）

后者几乎总是首选。复杂点在于：动态生成的 radio 必须等 layui 完成初始渲染后再执行 JS，否则 form.render() 无效果 —— 这个时机容易被忽略。