メニュー

ラジオボタン概要

スクリーンショット:未チェックおよびチェック済みのラジオボタンが、それぞれS、M、Lサイズで並んでいる

ラジオボタンは、ユーザーが選択肢の中から1つだけを選択できるようにする場合に使用します。

仕様

パーツ

スクリーンショット:ラジオボタンを構成する各パーツに、それぞれ①②の番号を割り付けている。①はラジオボタン。②は選択肢ラベル。ラジオボタンの右に配置。
  • ①ラジオボタン
  • ②選択肢ラベル

使い方

設計の原則

  • 複数の選択肢からひとつの項目だけを選択する場合に使用します。
  • ラジオボタンは選択解除ができないので、任意項目で使用する場合は「あてはまるものはない」というような無選択状態を意味する選択肢を設けましょう。

良い例

スクリーンショット:あなたな上記の条件に当てはまりますか? ※必須。3つのラジオボタンの選択肢:はい、いいえ、どちらとも言えない。「はい」がチェックされている。

ひとつの選択肢を選ぶことができる質問への使用

悪い例

スクリーンショット:好きな果物をすべて選んでください。※必須。5つのラジオボタンの選択肢:いちご、もも、梨、みかん、りんご。「いちご」がチェックされている。

複数回答できるような質問への使用

各種リソース