radio能否传值取决于是否在form内、name相同、有value、被选中且表单正确提交；后端通过name接收选中value，未选则字段缺失，需处理None情况。
radio 单选框本身不“主动交互”，它只是表单中一个带 name 和 value 的控件；能否传到后端，取决于是否被包裹在 <form></form> 里、有没有正确设置 name、是否被用户选中，以及表单是否用 method="post"（或 get）提交——缺一不可。
radio 必须有相同的 name 才算一组
后端靠 name 区分字段，不是靠 ID 或标签文字。如果两个 radio 的 name 不同，比如 name="gender1" 和 name="gender2"，后端会收到两个独立字段，而不是“单选”结果。
- ✅ 正确写法：
<input type="radio" name="status" value="active">启用+<input type="radio" name="status" value="inactive">停用 - ❌ 错误写法：
<input type="radio" name="status_a">和<input type="radio" name="status_b"> - 浏览器只把「被选中的那个
value」连同它的name一起发出去；没选中 = 不发送该字段（不是发空字符串）
表单提交时，radio 的值怎么进后端？
只要 <form></form> 的 method 是 post（或 get），且 action 指向有效后端地址，浏览器就会自动收集所有已选中的控件——包括 radio——按 name=value 格式编码，放进请求体（POST）或 URL 查询参数（GET）里。
- 例如：用户选了
name="role"、value="admin"，POST 提交后，后端（如 Python Flask）收到的 request.form 是ImmutableMultiDict([('role', 'admin')]) - 如果没选任何 radio，
request.form.get('role')返回None，不是空字符串 - Django 中对应的是
request.POST.get('role')，同样为None（除非显式设默认值） - GET 提交时，URL 末尾会出现类似
?role=admin&age=25，但敏感数据（如权限）不该走 GET
常见错误：明明写了 radio，后端却收不到
这不是 JS 或后端问题，90% 是 HTML 结构或语义出错。
立即学习“前端免费学习笔记（深入）”；
- radio 没包在
<form></form>内 —— 浏览器根本不会把它纳入提交范围 -
name拼错，或前后端约定不一致（比如前端写name="user_type"，后端却查request.form['type']） - 漏掉
value属性：<input type="radio" name="mode">→ 提交时该字段值为空字符串（不是None），且无法区分“未选”和“选了但没 value” - 用了 JavaScript 阻止默认提交（
event.preventDefault()），又没手动收集 radio 值并补进 FormData 或 fetch body 里
要不要用 JS 获取 radio 值再提交？
纯 HTML 表单提交完全不需要 JS 参与；只有当你用 fetch 或 XMLHttpRequest 手动发请求时，才需要自己读取。
- 获取当前选中值：
document.querySelector('input[name="priority"]:checked')?.value - 注意：
:checked选择器必须加，否则返回第一个 radio（不管是否选中） - 如果想兼容没选中的情况，务必加可选链
?.value，否则报Cannot read property 'value' of null - 用
FormData构造体更稳妥：const fd = new FormData(formEl); fd.get('category')—— 它自动忽略未选中的 radio
最容易被忽略的一点：radio 没有“未选中”状态的显式值，后端逻辑必须处理 None 或缺失字段，不能假设它一定存在。很多表单校验失败，根源就在这里。
