radio 无法直接取消选中是浏览器默认行为，必须用 JavaScript 遍历同 name 所有 radio 并设 checked = false；表单 reset 不清空，需初始化不设 checked 或重置后手动清空；框架中应修改绑定数据而非操作 DOM。
radio 无法直接取消选中？这是浏览器的默认行为
HTML 原生 <input type="radio"> 在用户点击后，**没有 UI 交互方式能手动取消选中**——哪怕点回同一个选项，它依然保持选中；点别的选项，也只是切换。这不是 bug，是规范要求：radio 组必须始终有一个值被选中（除非初始为空）。所以“清空”本质是**让整个组回到无选中状态**，这只能靠 JS 主动干预。
常见错误现象：element.checked = false 单独对某个 radio 执行时看似生效，但只要组里还有别的 checked，视觉上就看不出来；若全设为 false，则确实清空了，但必须确保操作的是同一 name 下的所有 radio。
用 JavaScript 清空指定 name 的所有 radio
最稳妥的做法是遍历同名 radio 元素，逐个取消 checked：
function clearRadioGroup(name) {
const radios = document.querySelectorAll(`input[type="radio"][name="${name}"]`);
radios.forEach(radio => radio.checked = false);
}
// 示例：清空 name="gender" 的单选组
clearRadioGroup("gender");
注意点：
- 必须用
document.querySelectorAll（不能用getElementsByName），因为后者返回的 HTMLCollection 在某些旧浏览器中可能不支持forEach，且动态性差 - 确保
name值准确匹配——大小写敏感，且不能带空格或特殊字符（除非你特意用了转义） - 如果页面有多个同名 radio 组（比如不同 form 里重复用了
name="status"），这个函数会一并清空，需按需加限定范围（如加form#myForm前缀）
配合表单重置按钮时，radio 不会自动清空？
<input type="reset"> 或 form.reset() **只恢复到页面加载时的初始状态**。如果初始时就没有 radio 被设 checked，那重置后就是空；但如果初始时某个 radio 有 checked 属性（哪怕只是 checked 没赋值），重置就会把它打回那个状态。
解决办法：
DeepBI DHTML 页面生成器
下载
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 初始化时**完全不写
checked属性**（即所有 radio 默认未选中） - 或在 JS 中先调用
form.reset()，再立刻执行clearRadioGroup("xxx")强制覆盖 - 避免用
checked=""或checked="false"—— 只要属性存在，就等价于true
Vue/React 等框架里怎么安全清空？
框架绑定的是数据驱动，不是 DOM 属性。比如 Vue 中：
<input type="radio" v-model="selectedValue" value="a" name="opt">
<input type="radio" v-model="selectedValue" value="b" name="opt">
清空只需把绑定的数据设为非匹配值（比如空字符串、null 或 undefined）：
立即学习“前端免费学习笔记（深入）”；
this.selectedValue = null; // 或 ''
关键点：
- 确保
v-model绑定的变量初始值**不等于任何value**，否则框架会自动选中对应项 - React 的
useState同理：设为""或null，并确认 JSX 中每个value都不匹配该值 - 不要试图用
ref去操作 DOM 的checked，容易和框架状态冲突
checked」和「JS 清空时是否漏掉了动态插入的 radio」——尤其在 tab 切换、异步加载内容后追加的选项，得确保它们也被纳入查询范围。 
