返回辨真假
辨真假
开关 vs 复选框 vs 单选按钮
Switch · Checkbox · Radio
立即开关、多选打勾、单选其一
LIVE DEMO全量并排,直接切身感受差异
什么时候用哪个按成员拆开看场景,不再靠猜
开关
Switch
- 这是一个即时开关,改了就立刻生效
- 用户心智是打开/关闭,而不是提交后再保存
- 适合通知、权限、偏好设置开关
复选框
Checkbox
- 用户可以同时勾多个选项
- 常和表单提交、批量选择一起出现
- 适合兴趣标签、条款同意、批量列表选择
单选按钮
Radio
- 一组选项里只能选一个
- 用户需要明确做出单选决策
- 适合配送方式、套餐档位、支付方式
各自的提示词当前按 Web 组织,复制即可继续指挥 AI
开关
Switch
做一个通知开关(Switch):默认关闭,打开后轨道变主色,切换立刻生效,不需要提交按钮
复选框
Checkbox
做一组偏好复选框(Checkbox):可多选,支持「全选」和半选态,标签点击也能切换
单选按钮
Radio
做一组配送方式单选按钮(Radio Group):只能选一个,默认选「标准配送」,支持键盘左右切换