必须用label显式关联radio，for值严格匹配input的id；动态渲染后需在form.render()后再补label绑定；禁用js手动触发checked，否则ui与状态脱节。
layui单选框怎么让文字点击也生效
必须用 label 显式关联 input[type="radio"]，且 for 属性值要严格匹配 input 的 id。Layui 不会自动帮你绑 label，漏掉这步，点文字就完全没反应。
- 确保每个
input[type="radio"]有唯一id（比如id="user-type-1"） - 对应
label标签加for="user-type-1"，文字直接写在label里 -
label和input不必相邻，也不必父子关系，只要for值对得上就行 - 别把文字包在
span或div里再套label——label内容必须是纯文本或内联元素，否则部分浏览器不触发
动态渲染的 radio 怎么补 label 关联
表格行内、AJAX 加载后插入的单选框，form.render('radio') 会重写 DOM，你手动写的 for 属性会被清掉。必须在 form.render() 之后再补。
- 先生成带
id的input，再生成对应label并设好for - 紧接着调
form.render('radio')，等它完成后再执行一次label绑定逻辑 - 如果用
table.render()渲染含 radio 的列，要在done回调里批量处理：用layui.$(elem).find('input[type="radio"]')找到所有 radio，挨个补id和对应label - 避免给
label加pointer-events: none、opacity: 0或display: block同时又设overflow: hidden——这些都会截断点击区域
为什么不能用 JS 监听文字 click 再手动触发 radio
手写 $('.text').on('click', () => $radio.prop('checked', true)) 看似可行，但会绕过 Layui 的状态管理，导致样式不更新、事件不触发、甚至后续点击错乱。
-
.layui-form-radio样式（那个圆点图标）不会跟着变，UI 和状态脱节 -
form.on('radio(filter)', callback)回调压根不执行，你监听不到选中动作 - 如果表格启用了分页或重渲染，手动改的
checked状态会被 Layui 覆盖 - 更隐蔽的问题：多次点击后，
obj.value可能拿不到正确值，因为 Layui 内部靠 DOM 的checked属性和name关系做同步
radio 列放在 table 里怎么让整行可点
表格里的 {type: 'radio'} 列本身不支持“点文字选中”，但你可以把 label 塞进 templet，并确保它包裹了文字和 radio input。
- 在
cols中写：{type: 'radio', templet: '<label for="{{d.LAY_TABLE_INDEX}}">{{d.title}}</label><input type="radio" name="selectRow" id="{{d.LAY_TABLE_INDEX}}" value="{{d.id}}">'} - 注意
id和for必须动态生成且一一对应（d.LAY_TABLE_INDEX是 Layui 提供的行唯一索引） - 别用
rowClickToCheck: true想“模拟”整行点击——它只作用于 radio 圆点区域，对文字无效；而且开启后，点文字还是没反应 - 如果文字内容很长，label 默认是 inline 元素，建议加 CSS：
label.layui-form-radio { display: inline-block; width: 100%; }，确保点击区域撑满整行宽度
