radio字段未提交的主因是整组均无checked属性，导致浏览器不发送该name；需确保至少一个radio显式声明checked（布尔属性，存在即生效），且同组name严格一致。

没有默认值，不选中就不提交该字段。 HTML 的 本身不带任何“隐式默认值”，它只在被用户点击或显式标记 checked 时才参与表单提交；如果整组都没被选中，这个 name 就根本不会出现在提交数据里。

为什么后端收不到 radio 字段？

最常见原因就是整组 radio 都没加 checked，且用户也没点过任何一个。浏览器压根不会把未选中的 radio 当作有效输入发送出去。

• 检查是否漏写 checked 属性（哪怕只给一个）
• 确认所有同组 radio 的 name 值完全一致（大小写、空格、下划线都不能差）
• 避免用空字符串或纯空格作为 value，比如 value="" 或 value=" "，后端可能误判为缺失
• 不要依赖 JS 渲染后再补 checked —— 表单提交发生在 DOM 渲染完成之后，但初始状态必须由 HTML 决定

checked 属性到底怎么写才生效？

checked 是布尔属性，只看存在与否，不解析值。哪怕你写成 checked="false"、checked=""、checked="0"，浏览器都当它是“真”。要让它不生效，唯一办法是彻底删掉这个属性。

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

• ✅ 正确：
• ❌ 错误：（依然被选中）
• ⚠️ 同一组只能有一个 checked，多个时浏览器通常只认第一个，其余被忽略

如何安全获取当前选中的 radio 值？

别遍历所有 radio 然后一个个判断 .checked，效率低还容易出错。直接用 CSS 选择器定位最可靠：

const selected = document.querySelector('input[name="theme"]:checked');
const value = selected ? selected.value : null;

• 返回 null 表示当前没选中任何项 —— 这是正常情况，不是 bug
• 如果业务上必须有默认值，应在 HTML 层就写死 checked，而不是靠 JS 补救
• 框架如 Vue/React 中，应确保绑定的数据与初始 checked 一致，否则会出现“视觉已选但数据没更新”的脱节

最容易被忽略的一点：radio 的“默认”不是由浏览器或框架自动赋予的，而是由开发者在 HTML 中显式声明的。一旦漏掉 checked，又没做前端校验或后端兜底，这个字段就真的消失了。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！