Layui form单选框点击后无法通过data.othis获取原生input，应使用事件委托监听change事件并捕获e.target，或直接用data.elem访问原始radio DOM元素。
layui form 单选框点击后怎么拿到触发的 DOM 元素
直接用事件回调里的 data.othis 拿不到真实点击的 input，它指向的是美化后的 <dd> 标签；真正能稳定获取原生 radio 元素的是 data.elem —— 但注意，这其实是整个 <select> 的 DOM，不适用于 radio 场景。对 form 模块里的 radio 来说，得换思路。
form.on('radio(filter)') 回调中，data 对象没有提供触发元素的直接引用。Layui 把 radio 渲染成隐藏的 input[type="radio"] + 伪元素，你点的不是 input 本身，所以不能靠 e.target 或 data.othis 反推。
- 最可靠的方式是监听原生
change事件，并用事件委托捕获目标：$(formContainer).on('change', 'input[name="yourName"]', function(e) { console.log(e.target); }) -
name必须和 radio 组一致，且表单容器要有唯一 ID（比如id="myForm"），否则委托失效 - 不要用
click：同一行点两次会触发两次，而change只在真正切换选中状态时触发 - 如果用了
lay-filter，确保该值已传入layui.use(['form'], ...)，否则form.on()注册失败，原生监听就成了唯一出路
table 表格里 radio 列点击后如何取到当前行的 DOM 节点
表格内的 radio 是动态生成的，且被封装为 lay-table-radio 类型控件，DOM 结构嵌套深。你点的不是 input，而是外层 td 或伪元素，所以不能直接用 e.target 找到对应 tr。
正确路径是：从触发事件的 input[name="layTableRadio"] 往上找最近的 tr，再结合 table.cache 查数据。但前提是得先拿到那个 input 元素本身。
- 必须用事件委托绑定到表格容器，例如：
$('#userTable').on('change', 'input[name="layTableRadio"]', function(e) { const $tr = $(e.target).closest('tr'); }) -
name="layTableRadio"是 Layui 默认生成的，不可更改；若自定义了lay-key，name 会变成layTableRadio_{key}，需按实际匹配 - 不能写
input[type="radio"]：Layui 渲染后会把 type 改成hidden，只有name是稳定标识 - 拿到
$tr后，可用$tr.data('index')获取 layui 内部行索引，再查table.cache['userTable'][$tr.data('index')]得原始数据
为什么 form.val('filter') 返回空，却以为是没拿到元素
这不是元素没拿到的问题，而是 form.val() 根本不依赖“当前点击哪个”，它只读整个表单当前状态。返回空通常是因为硬性条件缺失，和事件触发无关。
- 表单容器缺少
lay-filter="xxx"属性 —— 这是最常见原因，没这个，form.val('xxx')直接返回空对象 -
layui.use(['form'], callback)没执行，或callback里没调用form.render()，导致 radio 没被 layui 接管 - DOM 尚未就绪就执行
form.val()，比如脚本放在<head>里，应改用layui.ready(() => { ... }) - radio 的
name不统一，或部分 radio 缺少name，form.val()会忽略整组
别踩这些坑：radio 事件监听的隐性前提
Layui 的 radio 事件不是“点了就能监听”，它依赖渲染完成、模块加载、DOM 稳定三个阶段。任何一个断掉，form.on('radio(...)') 或 table.on('radio(...)') 都不会执行，连 console 都不会输出。
- table 单选必须在
cols中显式配置{type: 'radio'}列，且只能有一列；没这列，table.on('radio(filter)')永远不会触发 - form radio 必须包裹在
class="layui-form"容器内，且该容器有lay-filter，否则form.on()注册无效 - 动态插入的 radio（如 AJAX 加载后 append），必须手动调
form.render('radio', 'filter')，否则事件不绑定 - 监听
radio事件时，回调里的obj.data（table）或data.value（form）只是值，不是 DOM 元素；要 DOM，必须走原生事件委托
