跳转到内容

前端与界面 · DEFINED TERM

Checkbox、Radio 与 Switch

复选框可多选,单选框在一组中选一个,开关立即切换布尔设置。

你可能会这样说“这里能多选,那里只能选一个,通知开关点完马上生效”

VISUAL EXAMPLE

先看懂它怎么工作

界面状态示例

等待操作

MECHANISM

运行机制

  1. 选择控件接收操作
  2. 更新值
  3. 界面反馈
  4. 必要时保存

USE WHEN

适合这样用

表达多选、单选和即时开关

NOT FOR

不要这样理解

不要用 Switch 表达需要最后统一提交的选择

TELL YOUR AGENT

可直接发给 Agent

请按“Checkbox、Radio 与 Switch”的概念处理这个需求:这里能多选,那里只能选一个,通知开关点完马上生效。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

选择规则清楚,标签可点,键盘和读屏可用

OFFICIAL SOURCES

官方来源