必须通过关联的label或相邻DOM节点获取radio选中文本，不能用value属性；推荐querySelector('input[name="x"]:checked + label')取紧邻label文本，包裹式用parentNode.textContent，脆弱场景需处理空白节点。
直接获取 radio 选中的文本，不能靠 value 属性——它只存值，不存显示文字。必须从关联的 <label></label> 或兄弟/父级节点里提取。
用 querySelector + label 关联取文本（推荐）
前提是 radio 正确绑定 label（通过 for 或嵌套）：
<input type="radio" name="gender" value="male" id="male"><label for="male">男</label>- 此时可用：
document.querySelector('input[name="gender"]:checked')?.id拿到"male"，再用document.querySelector('label[for="male"]')?.textContent拿到"男" - 更简写法：
document.querySelector('input[name="gender"]:checked + label')?.textContent（适用于 label 紧跟在 input 后） - 注意：若没写
id或for，或 label 是包裹结构（<label><input>男</label>），则需改用下一种方式
用 parentNode 或 nextElementSibling 取相邻文本
当 label 是包裹结构，或文本直接跟在 input 后（无标签包裹），得靠 DOM 遍历：
DeepBI DHTML 页面生成器
下载
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 包裹式：
<label><input type="radio" name="mode" value="auto">自动模式</label>→document.querySelector('input[name="mode"]:checked').parentNode.textContent.trim() - 紧邻文本节点（无标签）：
<input type="radio" name="level">高级→document.querySelector('input[name="level"]:checked').nextSibling?.textContent?.trim()（注意空格和换行） - 这种写法脆弱：文本节点容易被注释、换行、空格干扰，建议优先用语义化
label
jQuery 中避免 attr("value") 的误区
很多人误以为 $("input[name='x']:checked").val() 能拿到显示文本，其实它只返回 value 属性值。要取 label 文本，必须显式找 label：
立即学习“前端免费学习笔记（深入）”；
-
$("input[name='x']:checked").closest("label").text().trim()（适用于包裹式） -
$("input[name='x']:checked").next("label").text().trim()（适用于input + label结构） - 别用
.attr("value")混淆概念——它和显示文本无关，且 jQuery 3+ 推荐用.prop("checked")判断状态 - 如果页面有多个同名 radio 但 label 内容不同（比如翻译场景），仅靠
name不足以定位，得加 class 或 data-* 辅助
最易忽略的是：radio 本身没有“文本内容”，所有可见文字都来自外部 DOM 节点。不建立明确的 label 关联，或未处理空白节点，就必然取错。不要依赖 innerHTML 或 textContent 直接读 input 标签——它永远为空。
