界面图鉴
复选与单选Checkbox / Radio
复选与单选到底是什么？方框和圆点为什么不能混用？
方框可以勾好几个，圆点只能选一个——两个小控件替你把「多选还是单选」说清楚。
01 · 拆开看看
这一块由什么组成
它们是一对：方框叫复选框，能勾好几个；圆点叫单选框，一组里只能亮一个。形状本身就是说明书——用户还没读字，就已经知道能选几个了。拆开看：
选框Box
方的能多选、圆的只能单选，形状就是规则。
标签Label
旁边那行字，点它也能选中，别只让用户点小方块。
选中态Checked
方框里打勾、圆点里填实，一眼看出哪个选了。
分组标题Group Label
这一组在问什么——「兴趣」「配送方式」——单选尤其需要。
02 · 常见变体
同一个零件，几种摆法
一行一个，选项多、标签长时最好读。
几个短选项并排一行，省纵向空间。
整块区域都能点，适合带说明的重要选项。
03 · 火眼金睛
这个页面里，哪一组是复选框？
三组都在让你「选」，但只有一组是方的、能同时勾好几个。
点一块试试，看看它叫什么
就是它！方框、能勾好几个——邮件、短信、推送想要哪个勾哪个。
不是它。圆点是单选：浅色、深色、跟随系统，只能三选一。形状就是在提醒你。
不是它。开关是「拨一下立刻生效」，不用点保存；复选框勾了之后通常还要提交。
04 · 用与不用
什么时候该上它
- 多选题用方框，单选题用圆点
- 同意条款这类只有一项的勾选
- 选项少于七个、要一眼看全的时候
- 选项超过七八个——改用下拉选择
- 一拨即生效的设置——那是开关
- 只有一个选项却用单选圆点（选了就取消不掉）
05 · 想一想
一道题，检查眼力
「选择配送方式：快递 / 自提 / 同城闪送」，用哪种控件？
对。一个订单只能有一种配送方式，圆点的形状就在告诉用户「只能选一个」。
方框暗示可以多勾，用户真勾了两个，系统就得处理一个不该存在的组合。
三个开关互不相干，用户能全开也能全关，「必须选一个」这条规则就没人守了。
06 · 说给 AI 听
让 AI 改它时，这样说
先说「多选还是单选」，再说默认值——AI 拿到这两句，就不会把圆点画成方框。
「兴趣标签」改成复选框，可以多选
配送方式用单选，默认选中快递
同意条款的复选框没勾之前，提交按钮保持禁用
复选框做成点整行都能选中的，不只是点小方块
最容易踩的坑
形状是承诺：方框告诉用户「可以多勾」，圆点告诉用户「只能选一个」。形状用错了，用户按形状的预期去操作，就一定会出错。