Radio group 单选组

/RAY-dee-oh GROOP/ · noun · 输入类模式 · #053

圆形按钮,选中一个就弹起其他——在可见选项里恰好选一个。名字来自老式车载收音机的机械选台键。

Radio group(单选组) UI 模式示例:CatchUI 图鉴标本

你可能会这样叫它

  • “单选按钮”
  • “只能选一个的小圆圈”
  • “表单里的圆形选项”
  • “单选框”
  • “多选一的选项”

……它的名字是 单选组(Radio group)。

常见问题

为什么叫“单选按钮”(Radio button)?

名字来自老式汽车收音机的预设电台按钮:按下一个,之前按下的那个就会弹起来,同一时刻只有一个处于按下状态——这正是单选组的行为。

代码里叫什么

iOS (SwiftUI / UIKit) iPhone 上没有单选按钮,用 Picker 或只有一个对勾的列表;macOS 有 .pickerStyle(.radioGroup)
Jetpack ComposeRadioButton Modifier.selectableGroup()
Android (Views)RadioGroup MaterialRadioButton
FlutterRadio RadioListTile
Web (HTML)<input type="radio" name="…"> <fieldset>

复制给 AI 编程工具

这个选择用单选组:两到六个选项竖向排列,每个是圆形按钮加文字标签,点标签也能选中。同一时刻只能选中一个;有合理默认值时默认选中一个。方向键可以在选项间移动。网页上所有 input 用同一个 name,外面包一个 <fieldset>,用 <legend> 写明问题。

用 AI 写界面时该怎么说:UI 用词指南(英文)→

相关模式

传一张截图,抓住这个模式 →

学会从视觉线索认出 UI 模式(英文)