html checked属性仅控制页面首次加载的默认选中状态，后续操作改变的是dom property（element.checked），而非html attribute；正确修改应直接赋值checked属性，监听用change事件，css :checked伪类响应实时状态。
HTML checked 属性控制默认选中状态
它只影响页面首次加载时的初始状态，不是运行时的实时状态。一旦页面渲染完成，checked 属性就“完成任务”了；后续勾选/取消勾选操作改变的是元素的 checked 属性值（即 DOM property），而不是 HTML 中写的那个 checked 属性（即 HTML attribute）。
-
checked是布尔属性：写上即表示true，不写即false；不需要写checked="true"或checked="checked"（后者仅 XHTML 强制要求） - 对
<input type="checkbox">和<input type="radio">有效，其他类型（如text、button）忽略该属性 - 多个
radio同名（name相同）时，只有第一个带checked的会被默认选中；但多个checkbox可各自独立设置checked - 如果服务端模板（如 ASP.NET Web Forms、Razor）动态输出 HTML，注意不要让逻辑错误导致多个同名
radio都带checked—— 浏览器会按文档顺序取最后一个生效，行为不可靠
JavaScript 修改选中状态不能只改 setAttribute
用 element.setAttribute('checked', 'checked') 或 removeAttribute('checked') 不会真正改变控件的勾选视觉和行为，尤其在 Chrome/Firefox 中可能完全无效。这是因为 DOM property（element.checked）和 HTML attribute（element.getAttribute('checked')）是两个不同东西。
- 正确做法是直接读写
element.checked这个 JS 属性：box.checked = true或box.checked = false - 如果必须用属性操作（比如 SSR 渲染后初始化），优先用
element.toggleAttribute('checked', bool)，但依旧推荐直接赋值checkedproperty - 监听变化要用
change事件，不是click—— 用户用空格键切换 checkbox 也会触发change，但不触发click
:checked 伪类只能响应 DOM property 变化
CSS 的 :checked 看的是当前元素是否被用户或脚本通过 element.checked = true 设为选中，而不是看 HTML 里有没有写 checked 属性。也就是说，它反映的是实时状态，不是初始标记。
-
input[type=checkbox]:checked + label { color: red; }这类样式，只有在用户点击或 JS 设置.checked = true后才生效 - 如果你用 JS 清除了
checked属性但没改element.checked，:checked依然匹配 - 反过来，删掉 HTML 中的
checked属性，但保留element.checked = true，:checked仍起作用 - 注意 Safari 对
:checked ~ .sibling（通用兄弟选择器）的支持比+（相邻兄弟）略差，复杂布局建议测试
ASP.NET Web Forms 中 CheckBox.Checked 和 HTML checked 容易混淆
服务器控件（如 asp:CheckBox）的 Checked 属性是服务端状态，它最终会决定是否在渲染出的 HTML 中写入 checked 属性 —— 但这个映射只发生在页面生成阶段。回发（postback）后，控件的 Checked 值由请求体中的 __EVENTTARGET 和表单字段推导，不是靠解析 HTML。
- 不要在
Page_Load里靠Request.Form["ctl00_ContentPlaceHolder1_CheckBox1"] != null判断，应直接读CheckBox1.Checked - 如果禁用了 ViewState，又没在每次
Page_Load里重新赋值CheckBox1.Checked，那么用户勾选后回发，服务端看到的仍是初始值 - 前端 JS 改了
document.getElementById("...").checked = true，但没触发表单提交，服务端完全感知不到 —— 这是常见调试盲区
checked 属性只管第一次，JS checked property 和 CSS :checked 才管全程。三者不在同一层，混用就会出意料之外的行为。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
