indeterminate是checkbox的只读dom属性，必须用javascript赋值true才能触发半选状态；html中写indeterminate属性无效，因它不参与序列化，且:indeterminate样式需配合appearance:none和高优先级选择器才能生效。
indeterminate 是 input[type="checkbox"] 的一个只读 DOM 属性，设为 true 时触发半选视觉状态，但 HTML 中写 indeterminate 属性完全无效，必须用 JavaScript 赋值。
为什么直接写 indeterminate 属性没用
浏览器会忽略 <input type="checkbox" indeterminate> 或 indeterminate="true" ——它不是 HTML 布尔属性，也不参与 DOM 序列化。只有 JS 执行 checkbox.indeterminate = true 才真正生效，且该操作不触发 change 事件，checked 值保持不变（仍可能是 false 或 true）。
:indeterminate 样式为啥不显示
原生 checkbox 的半选图形不在 input 元素本身上，而是由浏览器私有伪元素渲染。不加 appearance: none 就没法覆盖默认样式：
- Chrome / Edge：需配合
input:indeterminate::-webkit-checkbox或用accent-color（仅对半选有效） - Firefox：不支持
accent-color，必须用::before绘制短横线，并确保选择器权重足够（比如.custom-checkbox:indeterminate::before） - 所有浏览器都必须先写
input[type="checkbox"] { appearance: none; }，否则自定义样式被原生控件遮挡
树形菜单中父子节点的 indeterminate 怎么同步
浏览器不会自动计算“部分子项选中”，这是纯业务逻辑，必须手动维护：
- 每次子节点
change后，向上遍历父节点，统计checked数量与总子节点数 - 若
0 ，则设 <code>parent.indeterminate = true，同时保持parent.checked = false（避免误判） - 父节点被点击时，
indeterminate会**自动变回false**，此时再按需设置checked并批量更新子节点 - 避免在
change回调里调用click()或再次触发状态变更，否则容易无限递归
无障碍支持不能只靠视觉
屏幕阅读器无法感知 indeterminate 属性，必须同步设置 ARIA 语义：
- 始终配对使用：
checkbox.indeterminate = true→ 立即执行checkbox.setAttribute('aria-checked', 'mixed') - 不要用
checked值判断是否半选——因为indeterminate = true时checked可能仍是false - 禁用状态下若需保留半选视觉，额外加
aria-disabled="true"和tabindex="-1"，否则键盘用户仍可聚焦并意外触发change
最易被忽略的是：indeterminate 是瞬态 UI 标记，不是状态存储。它只控制当前视觉和辅助技术播报，所有业务逻辑（如“哪些子项实际被选中”）必须由你单独维护在数据层。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
