复选框Checkbox
选了两份资料，第三份没选，“全选”应该显示什么？
先认识表单
复选框表示独立的是/否选择，可以组成允许多项同时选中的集合。父级全选控件还可用部分选中状态表达部分子项已选，但这种汇总显示应由真实子项状态推导。
每项自己决定要不要，不会因为选了规格书就取消认证资料。全选只是对一组已知选项的汇总操作。
像打包清单：水杯和雨伞可以都带，也可以都不带；勾选只表示清单选择，不等于东西已经寄出。
类比到这里为止：订阅、确认条款与选择产品有不同后果，不能把所有勾选都当作同一种同意。
采购商选择需要的资料，页面显示已选哪些、共几份；允许取消某一项，部分选中时全选框不冒充全部已选。
全选控件的三个观察结果
- 0 项
- 父级未选中。
- 部分项目
- 父级部分选中，具体哪些项目仍由子项决定。
- 全部项目
- 父级选中；取消全选只影响说明中的这组项目。
明确动作范围与后果
大列表中的“全选”可能只针对当前页，也可能包含全部查询结果，要事先写清楚。下方只操作三份虚构资料，没有下载、订阅或对外发送行为。
选了两份资料，第三份没选，“全选”应该显示什么？
可以操作，也可以重试。数据为虚构示例，不连接真实业务系统。
正在准备当前演示，正文可以继续阅读。
继续看项目应用与交付检查
复选框 在项目中负责什么
- 什么时候用
- 多个条件可叠加、批量选择，或需要用户明确作出二元确认时。
- 它解决什么
- 清楚表达多选范围及每一项的状态，支持用户反复调整。
- 它不负责什么
- 原生未选复选框通常不会进入 FormData；如果后端需要明确 false，必须在数据约定中处理。
- 放进真实项目
- 采购商勾选需要的认证、颜色和是否同意隐私说明。
复选框适合独立可叠加的选择或明确确认
用户可以勾选多个感兴趣产品，系统也可以恢复他此前保存的选择；新增订阅或确认则不能拿产品偏好代替用户决定。
- 01
把独立选项分开表达。
- 02
新增确认先说明内容与后果，不替用户作决定。
- 03
批量选择显示已选数量与范围。
各项独立，汇总来自真实选择。
容易混淆的地方
indeterminate 是部分选中的展示属性，不是自动生成的第三种业务答案；它也不会替你选好子项。
采购商可以同时选择规格书、认证资料和包装说明，现在只勾了前两项。“全选”应怎样显示？
你可以这样告诉 AI Agent
“
我在处理这件事：采购商勾选需要的认证、颜色和是否同意隐私说明。请以“复选框”为主线，先说明它在这里负责什么、不负责什么；再列出必要输入、建议动作和可验证结果。用外贸独立站的业务语言回答，不确定的信息标为待确认。
内容依据与延伸
本站用原创中文解释把专业概念映射到外贸独立站；定义和机制继续以官方资料为准，业务例子再回到 外贸独立站询盘优化实战 验证。
本站整理说明：原创整理：Web 开发、产品设计、AI 协作与外贸独立站实践