checked属性设了却没生效，因为它是初始状态属性而非实时绑定开关；需在DOM就绪后操作元素的checked布尔属性（如el.checked = true），而非仅设置HTML属性。
为什么checked属性设了却没生效？
因为checked是初始状态属性，不是实时绑定的“开关”。DOM加载后手动改checked属性（比如el.checked = true）才真正影响当前状态；只写checked="checked"或checked在JS动态插入HTML时，若元素已存在，这个属性不会触发勾选行为。
数据加载后用JS设置checkbox状态的正确写法
关键不是改HTML属性，而是操作DOM元素的checked布尔属性：
- 用
document.getElementById("myBox").checked = true（推荐） - 避免
element.setAttribute("checked", "checked")——这只会加属性，不触发UI更新 - 如果用jQuery：
$("#myBox").prop("checked", true)（不是.attr()） - 批量操作时，确保DOM已挂载：放在
DOMContentLoaded里，或数据渲染完成后的回调中
Vue/React等框架里别硬写checked
框架会接管表单状态，直接操作DOM容易和响应式系统冲突：
- Vue中用
v-model绑定变量，数据更新后自动同步状态 - React中用
checked={value}+onChange控制受控组件 - 强行用
ref去改checked可能被下一次render覆盖 - 如果必须手动触发（比如初始化后校验），用
nextTick（Vue）或useEffect（React）确保DOM已更新
常见坑：异步加载数据后状态丢失
比如用fetch取完数据再设checked，但DOM还没渲染完，导致找不到元素或设早了：
立即学习“前端免费学习笔记（深入）”；
- 确认checkbox元素确实已存在于DOM中（可用
console.log(document.getElementById("x"))验证） - 如果checkbox是模板渲染出来的（如
v-for），等框架完成渲染再操作，不要在then里立刻查DOM - 服务端返回的是字符串
"true"/"false"？记得转成布尔：Boolean(data.flag)，别直接赋值 - 多个checkbox共用name时，注意别用
querySelector只取到第一个，要用querySelectorAll遍历
checked当成可双向绑定的HTML属性来用，而忽略了它只是初始值标记——真要控制状态，得动JS对象的checked属性，且时机必须卡在DOM就绪之后。 
