返回辨真假
辨真假

开关 vs 复选框 vs 单选按钮

Switch · Checkbox · Radio

一句话区分

立即开关、多选打勾、单选其一

LIVE DEMO全量并排,直接切身感受差异

开关

Switch

查看词条
邮件通知

复选框

Checkbox

查看词条

单选按钮

Radio

查看词条
什么时候用哪个按成员拆开看场景,不再靠猜

开关

Switch

  • 这是一个即时开关,改了就立刻生效
  • 用户心智是打开/关闭,而不是提交后再保存
  • 适合通知、权限、偏好设置开关

复选框

Checkbox

  • 用户可以同时勾多个选项
  • 常和表单提交、批量选择一起出现
  • 适合兴趣标签、条款同意、批量列表选择

单选按钮

Radio

  • 一组选项里只能选一个
  • 用户需要明确做出单选决策
  • 适合配送方式、套餐档位、支付方式
各自的提示词当前按 Web 组织,复制即可继续指挥 AI

开关

Switch

Web

做一个通知开关(Switch):默认关闭,打开后轨道变主色,切换立刻生效,不需要提交按钮

复选框

Checkbox

Web

做一组偏好复选框(Checkbox):可多选,支持「全选」和半选态,标签点击也能切换

单选按钮

Radio

Web

做一组配送方式单选按钮(Radio Group):只能选一个,默认选「标准配送」,支持键盘左右切换

开关 vs 复选框 vs 单选按钮 对比 · ViboDesign