HTML复选框无“不确定状态”标准概念，indeterminate仅为只读视觉属性，仅通过JS设置（el.indeterminate=true），不影响表单提交或checked值，且不触发change事件。
复选框没有“不确定状态”这个标准概念
HTML 原生 <input type="checkbox"> 只有两种确定状态：已选中（checked 属性存在）和未选中（checked 属性不存在）。所谓“不确定”（indeterminate）不是一种可提交的值，也不是 DOM 的 checked property 状态，而是纯视觉提示，用于表达“子项部分选中”的中间层级含义。
indeterminate 是只读的视觉属性，不能靠 checked 控制
indeterminate 是 <input type="checkbox"> 元素的一个 JS 可写属性，但它不改变表单提交行为，也不影响 checked 值，仅控制 UI 显示为短横线（—）或圆点等中间态图标。
- 设置方式只能是 JS：
el.indeterminate = true；HTML 中无对应属性，写indeterminate或indeterminate="true"无效 - 它不会触发
change事件，也不会让el.checked变成false或null——el.checked仍保持true或false - 一旦用户点击该 checkbox，
indeterminate会自动重置为false，checked按常规逻辑翻转 - 常见误用：在模板里试图用后端变量渲染
indeterminate="{{ $someFlag }}"—— 这完全不起作用，必须 JS 执行
实现树形/分组复选框的“部分选中”需要手动维护
比如一个“全选”复选框要反映其下属 N 个子 checkbox 的混合状态（部分勾选），就得自己监听子项变化、计算并同步 indeterminate 和 checked。
- 判断逻辑通常为：
const allChecked = children.every(c => c.checked); const someChecked = children.some(c => c.checked); el.checked = allChecked; el.indeterminate = !allChecked && someChecked; - 必须绑定所有子 checkbox 的
change事件，不能只靠初始 HTML - 注意：如果子项是动态增删的，每次变更后都要重新计算，否则
indeterminate会滞留旧状态 - 框架中（如 React）需在 effect 或 computed 里同步，不能只依赖初始 props
容易被忽略的关键点
indeterminate 不参与表单序列化——FormData、form.submit()、serializeArray() 都完全无视它。它纯粹是 UI 层的装饰性信号。如果你指望后端收到 “indeterminate: true”，那不可能；你只能靠额外字段（如隐藏 input）或约定协议（如提交时附带子项 ID 列表）来传达“部分选中”语义。
立即学习“前端免费学习笔记（深入）”；
