用document.querySelector('input[name="xxx"]:checked')取radio值最稳，需判空防未选中报错；fetch发请求要设Content-Type，后端若需表单则用URLSearchParams；jQuery中需用.val()||''防undefined，提交前须校验每组是否选择。
radio值怎么用JavaScript取到
必须先确认 radio 是通过 name 分组的，同组内只有一个是选中状态；直接用 document.querySelector('input[name="xxx"]:checked') 最稳，别用 getElementsByTagName 遍历——容易漏掉未选中的情况，也别只靠 value 属性默认值硬写死。
常见错误：页面加载完但用户还没点，此时 :checked 查不到元素，.value 会报 Cannot read property 'value' of null。得加判空：
const selected = document.querySelector('input[name="gender"]:checked');
const gender = selected ? selected.value : '';
怎么用fetch发异步请求（推荐替代XMLHttpRequest）
现代项目优先用 fetch，简洁且 Promise 原生支持。注意两点：一是必须手动设置 Content-Type 为 application/json，否则后端可能收不到 body；二是 radio 值只是字符串，不需要额外包装成对象再序列化——除非接口明确要求字段名。
示例（发送单个值）：
立即学习“前端免费学习笔记（深入）”；
fetch('/api/submit', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ gender: gender })
});
如果后端只接受 query string（比如 PHP 的 $_POST），就改用 URLSearchParams：
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
fetch('/api/submit', {
method: 'POST',
body: new URLSearchParams({ gender: gender })
});
jQuery里用$.ajax发radio值要注意什么
老项目还在用 jQuery？那得避开两个坑：一是 $('input:radio:checked').val() 在没选中时返回 undefined，直接塞进 data 会导致请求体变成 {"gender":undefined}；二是 jQuery 默认不设 contentType，发 JSON 时得显式声明，否则后端收到的是 raw string。
稳妥写法：
- 用
$('input[name="gender"]:checked').val() || ''防空 - 发 JSON 时加
contentType: 'application/json'，并手动JSON.stringify - 如果后端是表单接收，直接传对象，jQuery 会自动转 query string，不用管
contentType
示例（表单提交风格）：
$.ajax({
url: '/api/submit',
type: 'POST',
data: { gender: $('input[name="gender"]:checked').val() || '' }
});
用户没选时该怎么处理
这不是前端“能不能发”的技术问题，而是交互逻辑问题。很多开发者卡在这儿：点了提交但没选 radio，脚本静默发了个空值过去，后端校验失败，用户却没看到提示。
真正该做的是在发送前拦截：
- 检查
selected是否为null，是则alert或高亮对应 radio 组的 label - 不要依赖后端返回 400 再提醒——延迟高，体验断层
- 如果 radio 组有默认选中项（
checked属性），取值逻辑可省判空，但得确保 HTML 确实渲染了该属性，动态插入的 DOM 不会自动继承
最易被忽略的一点：多个 radio 组共用一个提交按钮时，每组都得单独判空，不能只查第一个。
