基本情報技術者 2009年 春期 午前（科目A） 問26

ラジオボタンの用途【午前解説】

正解の理由

解法ステップ

1. 問題のキーワードを確認：「ラジオボタンの用途」「互いに排他的」など排他性に関する語句を探す。
2. 各選択肢を排他性の有無で判定：複数選択可ならチェックボックス、単一選択ならラジオボタン。
3. 例外的表現（テキスト入力や表示切替）を見つけたらラジオ単体の機能外と判断する。
4. 最もラジオボタンらしい説明を選ぶ（この場合は互いに排他的で一つを選ぶ記述）。

選択肢別の誤答解説

• ア: 幾つかの項目について、それぞれの項目を選択するかどうかを指定する。
  解説：これはチェックボックスの説明です。各項目の選択が独立しており複数選択が可能なのでラジオボタンとは異なります。
• イ: 幾つかの選択項目から一つを選ぶときに、選択項目にないものはテキストボックスに入力する。
  解説：ラジオボタン単体の説明ではなく、ラジオボタン＋「その他」テキスト入力の組合せを指しています。ラジオ自身の用途説明としては不十分です。
• ウ: 互いに排他的な幾つかの選択項目から一つを選ぶ。
  解説：正解。ラジオボタンはグループ内で一つだけ選べる排他的選択を実現する部品で、UI設計での定義と一致します。
• エ: 特定の項目を選択することによって表示される一覧形式の項目の中から一つを選ぶ。
  解説：これは「依存するセレクト（連動ドロップダウン）」やカスケード選択の説明に近く、ラジオボタン固有の定義ではありません。

よくある誤解

• ラジオボタンとチェックボックスを混同する：チェックボックスは各項目の選択が独立しており複数選択が可能です。排他性があるかどうかをまず確認してください。
• 「選択肢にないものを入力する」ケースをラジオボタンで扱えると誤解する：自由入力（その他）を混在させる場合はラジオ＋テキスト入力の組み合わせが必要であり、ラジオ単体では対応しません。
• 選択肢が多い場面でも無条件にラジオボタンを使う：20個以上の選択肢など視認性や操作性が落ちる場合はドロップダウンや検索付きセレクトを検討すべきです。

補足コラム

• 実装上のポイント（HTML例）:

<label><input type="radio" name="color" value="red"> 赤</label>
<label><input type="radio" name="color" value="green"> 緑</label>
<label><input type="radio" name="color" value="blue"> 青</label>

• デザイン上の注意点:
  • 選択肢が3〜7個程度ならラジオボタンが有効。選択肢が非常に少ない（2つ）ならトグルスイッチも検討可能。
  • デフォルト選択を明確にすることでユーザーが誤操作しにくくなります。必ずしも初期選択を空にする必要はありませんが、意味のあるデフォルトを設定しましょう。

FAQ