ラジオボタン
Radio button同じグループの選択肢から必ず1つだけを排他的に選ばせる、丸い入力コントロール。
○ 使う場面
- 選択肢が2〜5個程度で、常にすべてを見せたうえで1つだけ選ばせたいとき
- 何も選ばれていない状態を許したくない(初期値を必ず持たせたい)とき
× 避ける場面
- 選択肢が多く画面が占有されすぎるとき(→ドロップダウン)
- 複数選択を許したいとき(→チェックボックス)
別名
ラジオ
近縁種との比較
「ラジオボタン」という名前は、選局ボタンを1つ押すと他のボタンが物理的に飛び出して排他的に切り替わる、昔のカーラジオ(プリセット選局機)の押しボタン式チューナーに由来するとされる。
| 近縁種 | 違い・使い分け |
|---|---|
| チェックボックス | チェックボックスが複数選択・任意選択を許すのに対し、ラジオボタンは同一グループ内で常にちょうど1つが選ばれている状態を保証する点が本質的な違いである。 |
| ドロップダウン | 選択肢が多くなり画面占有が問題になる場合は、同じ「単一選択」でも省スペースなドロップダウンに置き換えるのが定石だが、ドロップダウンは選択肢を開くまで一覧性がない一方、ラジオボタンは全選択肢を常時視認できるという利点を保つ。 |
分類
機能・役割
- ナビゲーション
- 入力・操作
- 表示・整理
- フィードバック・状態
表示レイヤー
- インライン
- 固定・追従
- オーバーレイ
- 全画面・遷移
複雑さ
- 単体パーツ
- 複合パーツ
- セクション