ラジオボタン

Radio button

同じグループの選択肢から必ず1つだけを排他的に選ばせる、丸い入力コントロール。

配送方法

選択中: 通常配送(3〜5日)

○ 使う場面

  • 選択肢が2〜5個程度で、常にすべてを見せたうえで1つだけ選ばせたいとき
  • 何も選ばれていない状態を許したくない(初期値を必ず持たせたい)とき

× 避ける場面

  • 選択肢が多く画面が占有されすぎるとき(→ドロップダウン)
  • 複数選択を許したいとき(→チェックボックス)

別名

ラジオ

近縁種との比較

「ラジオボタン」という名前は、選局ボタンを1つ押すと他のボタンが物理的に飛び出して排他的に切り替わる、昔のカーラジオ(プリセット選局機)の押しボタン式チューナーに由来するとされる。

近縁種違い・使い分け
チェックボックスチェックボックスが複数選択・任意選択を許すのに対し、ラジオボタンは同一グループ内で常にちょうど1つが選ばれている状態を保証する点が本質的な違いである。
ドロップダウン選択肢が多くなり画面占有が問題になる場合は、同じ「単一選択」でも省スペースなドロップダウンに置き換えるのが定石だが、ドロップダウンは選択肢を開くまで一覧性がない一方、ラジオボタンは全選択肢を常時視認できるという利点を保つ。

分類

機能・役割
  • ナビゲーション
  • 入力・操作
  • 表示・整理
  • フィードバック・状態
表示レイヤー
  • インライン
  • 固定・追従
  • オーバーレイ
  • 全画面・遷移
複雑さ
  • 単体パーツ
  • 複合パーツ
  • セクション