checked是布尔属性，写上即生效，无需值；它仅控制初始状态，后续由JS的.checked属性或框架数据驱动，表单提交只包含当前选中项。
HTML 中 checked 属性怎么写才真正生效
直接在 <input type="checkbox"> 或 <input type="radio"> 标签里加 checked，浏览器就认——它是个布尔属性，不依赖值，写上即为 true。别写 checked="true" 或 checked="checked"，虽然多数浏览器也兼容，但语义错误，W3C 规范只要求存在该属性。
常见错误现象：页面加载后没选中，但代码里明明写了 checked。原因通常是 JS 后续执行了 element.checked = false，或框架（如 Vue/React）接管了表单状态，原生 HTML 属性被忽略。
-
checked是初始状态，仅影响页面首次渲染；后续状态由 JS 的.checked属性或框架的响应式数据控制 - 单选框（
radio）必须同名（name相同），否则checked会各自独立生效，失去“单选”逻辑 - 服务端模板（如 Django、Thymeleaf）中，注意不要把
checked写成动态字符串拼接失败，导致属性缺失
JS 动态设置 checked 状态的正确方式
用 JS 控制时，别操作 setAttribute('checked', '') —— 这只是设置 HTML 属性，不触发真实状态变更，也不影响表单提交值。应该直接赋值 .checked 属性：
document.getElementById('my-checkbox').checked = true;
document.querySelector('input[name="gender"][value="female"]').checked = true;
注意点：
-
.checked是可读写的 DOM 属性，类型是boolean，不是字符串 - 对
radio组，设某个为true时，同组其他自动变false（浏览器原生行为） - 如果元素尚未挂载到 DOM（比如刚
createElement完），先 append 再赋值，否则可能无效
Vue / React 中为什么 checked 属性失效
框架会接管表单控件，原生 checked 属性只起初始作用，后续完全由数据驱动。Vue 中要用 v-model 绑定布尔值（checkbox）或字符串/数字（radio）；React 中要用 checked prop + onChange 更新 state。
典型翻车场景：
- Vue 模板里写
<input type="checkbox" checked v-model="flag">——checked被忽略，全看flag初始值 - React 中写
<input type="radio" checked={value === 'a'} />却没配onChange，变成只读，用户点不了 - 初始化数据异步加载，state 还是
undefined，导致控件未按预期选中
表单提交时 checked 状态怎么影响数据
只有 checked === true 的复选框和单选框才会出现在 FormData 或传统表单提交的键值对中。未选中的控件，无论有没有 checked 属性，都不传值。
关键细节：
- 复选框若未选中，对应字段完全不会出现在请求体里（不是
key=，而是彻底消失） - 单选框若整组都没
checked，提交时该name对应字段也不存在——后端需做好空值处理 - 用
new FormData(formEl)获取数据时，它只读取当前 DOM 状态，和初始checked属性无关
