indeterminate状态必须通过JavaScript显式赋值element.indeterminate = true设置，HTML中无该属性，setAttribute无效；它与checked正交，不影响表单提交，需配合CSS :indeterminate选择器使用，且父子联动需手动统计实现。
indeterminate 状态不能通过 HTML 属性设置，必须用 JavaScript 显式赋值 element.indeterminate = true，否则样式和视觉都不会生效。
为什么 indeterminate 不能写在 HTML 里
浏览器根本不识别 <input type="checkbox" indeterminate> 这种写法 —— HTML 标准里压根没有 indeterminate 属性。它不是布尔属性，也不是可序列化的 DOM 属性，只存在于 JS 的 Element 接口上。
-
setAttribute('indeterminate', 'true')无效：只是加了个无关的 HTML 属性，DOM 的indeterminate值仍是false -
checked和indeterminate完全正交：设为indeterminate = true后，checked仍保持原值（可能是true或false），但视觉上勾选图标会消失，显示半选样式 - 表单提交时，
indeterminate状态不产生任何字段值 —— 它纯属 UI 反馈，不影响后端接收
怎么正确触发 :indeterminate 样式
必须两步走：先 JS 设置状态，再 CSS 匹配。只写 CSS 不会自动推导状态。
- 设置：
checkboxElement.indeterminate = true（注意是直接赋值，不是setAttribute） - 清除：
checkboxElement.indeterminate = false，否则下次点击可能无响应 - CSS 中用
input[type="checkbox"]:indeterminate选择器定义样式，例如：input[type="checkbox"]:indeterminate { opacity: 0.7; } - 想完全自定义半选图标？得先用
appearance: none隐藏原生控件，再配合::before或 siblinglabel绘制 ◼️ 符号；Safari 对:indeterminate::before支持不稳定，建议用绝对定位 label 图标
父子复选框联动时怎么算出半选
“父项半选”不是浏览器自动判断的，必须手动统计子项并显式设置。
- 监听所有子项的
change事件，不要依赖e.target.checked反推父状态 —— 此时父项 DOM 还没更新 - 每次变更后重新统计：
const checkedCount = [...childBoxes].filter(cb => cb.checked).length - 判定逻辑：
• 全未勾选 →parent.checked = false; parent.indeterminate = false
• 全勾选 →parent.checked = true; parent.indeterminate = false
• 部分勾选 →parent.checked = false; parent.indeterminate = true（语义上推荐设checked = false） - 父项被点击时，若当前是
indeterminate = true，应设为全选（checked = true并批量设子项），然后立刻parent.indeterminate = false，否则状态会卡死
React/Vue 里为什么 indeterminate 绑定不了
因为 indeterminate 是只读视觉状态，框架的受控组件机制无法驱动它 —— 它不能像 checked 那样双向绑定。
立即学习“前端免费学习笔记（深入）”；
- Vue 中：
:indeterminate不是合法 prop，v-model也不处理它；需用ref拿到 DOM 后手动赋值 - React 中：不要试图用
indeterminate={true}，JSX 不会透传该属性；应在useEffect或事件回调里操作ref.current.indeterminate = true - 第三方组件库（如 Ant Design、Element Plus）封装了该逻辑，但底层仍是调用原生
indeterminate属性 —— 如果你绕过组件直接操作 DOM，记得同步清理indeterminate = false，否则后续交互失效
indeterminate = true 后，用户点击该 checkbox 时，click 事件中 e.target.checked 仍是旧值，且默认不会切换状态。必须在事件处理器里先 e.target.indeterminate = false，再根据业务逻辑设 checked，否则点击就“失灵”。 
