layui单选框获取选中文本需用document.queryselector('input[name="xxx"]:checked').nextelementsibling.textcontent，因layui无api直接取文本，form.getvalue()等仅返回value，文本在相邻label或文本节点中，须手动dom查询。
layui单选框怎么拿到选中文本，而不是value
直接用 document.querySelector('input[name="xxx"]:checked') + .nextElementSibling.textContent 最稳。Layui 没提供“取文本”的 API，所有所谓 form.getValue() 或 data.field.xxx 都只返回 value 字符串，text 是纯渲染层内容，必须手动 DOM 查询。
- 单选框的文本通常写在
<input>后面紧挨着的<label></label>或纯文本节点里，不是title属性也不是value - 别用
$('input[name="sex"]:checked').next().text()—— jQuery 的.next()会跳过文本节点，容易为空；.nextElementSibling才能准确拿到紧跟的标签元素 - 如果文本在
<label></label>内（推荐写法），就用elem.nextElementSibling.textContent.trim()；如果直接是文本节点（不推荐），得用elem.nextSibling.nodeValue.trim()，但兼容性差 - 动态设置默认选中后，必须调
form.render('radio')，否则 DOM 状态和 UI 不一致，:checked选择器查不到
监听 change 时如何实时读取当前选中的文本
不能依赖 form.on('radio(filter)') —— 这个事件根本不存在，Layui 的 form 模块压根不监听 radio 变化，它只管 select、checkbox、switch 和 submit。radio 的变化得自己绑定原生 change 事件。
- 给 name 相同的一组 radio 绑定
change：document.querySelectorAll('input[name="area"]').forEach(el => el.addEventListener('change', handler)) - 在 handler 里用
event.target拿到被点的那个input，再用.nextElementSibling.textContent取文本 - 不要用
form.on('submit')里去读 —— 用户可能没提交就关了页面，且 submit 时已无法区分是哪个 radio 触发的 - 如果用了
lay-ignore，Layui 不会接管该 radio，此时原生change仍有效；但若没加，Layui 会把 radio 渲染成伪元素，原生事件失效，必须用form.render('radio')后再监听
为什么 this.innerText 或 $(this).text() 在 click 回调里总是空
因为 this 指向的是 <input type="radio"> 元素本身，而 input 是自闭合标签，没有子文本节点，innerText 必然为空。jQuery 的 .text() 同理，它读的是元素内部内容，不是旁边的 label。
- 错误示范：
$('input[name="sex"]').on('click', function(){ console.log(this.innerText); })→ 输出空字符串 - 正确路径：必须绕到兄弟节点，
this.nextElementSibling是最短路径，比遍历父级再找 label 更快更可靠 - 如果 label 是 for 关联（
<label for="male">男</label><input id="male" name="sex" type="radio">），就得用document.getElementById(this.id).labels[0].textContent，但不如相邻兄弟稳定 - 别用
title属性存文本——那是提示用的，语义不符，且用户可修改 DOM 干扰逻辑
动态设置默认选中后，文本读取失效怎么办
常见于从接口拉数据回来再设 radio.checked = true，但 UI 没变、:checked 查不到。根本原因是 Layui 渲染后替换了原始 DOM，你操作的是旧节点，新节点没同步状态。
- 必须在
form.render('radio')之后再设 checked，或者设完立刻 render - 更稳妥的做法：先用
document.querySelector('input[name="xxx"][value="' + val + '"]')找到目标 input，设.checked = true，再调form.render('radio') - 如果用 jQuery 设置，
$('input[value="女"]').prop('checked', true)之后也得 render，否则 Layui 的样式不会更新 - 注意：Layui 2.8+ 对 radio 的渲染逻辑更严格，未 render 的 radio 即使 DOM 上 checked 为 true，
:checked选择器也匹配不到
<input type="radio" name="x"><label>文本</label> 或紧邻文本，然后用原生 DOM 查，别指望 Layui 封装。这点和 select 完全不同，select 至少还有 data.elem 可靠，radio 是彻底放手不管文本层的。
