チェックボックス
Checkbox四角い枠をクリックしてオン／オフを切り替える、複数選択可能な入力コントロール。
○ 使う場面
- 複数の選択肢から0個以上を自由に選ばせたいとき（利用規約の同意なども含む）
- フォーム送信という確定操作を経て初めて意味を持つ選択
× 避ける場面
- 選択肢が互いに排他的（1つしか選べない）であるとき（→ラジオボタン）
- 選択が即座に設定へ反映されるべきとき（→トグルスイッチ）
別名
チェック欄
近縁種との比較
四角い枠にチェックを入れて選ぶという操作自体は、紙の投票用紙やチェックリストに鉛筆で印を付ける古くからの習慣に由来するとされ、画面上でもその直感的な操作感がそのまま踏襲されている。一覧の親子関係を表す際は、子の一部だけが選択された状態を示す中間（indeterminate）表示がチェックボックス特有の表現として使われる。
| 近縁種 | 違い・使い分け |
|---|---|
| ラジオボタン | 形は似るが、チェックボックスは複数選択・0個選択を許容するのに対し、ラジオボタンは同じグループ内で必ず1つだけを排他的に選ばせる点で決定的に異なる。 |
| トグルスイッチ | 違いは「送信・保存という確定操作を経るか、即座に反映されるか」にある。 |
分類
機能・役割
- ナビゲーション
- 入力・操作
- 表示・整理
- フィードバック・状態
表示レイヤー
- インライン
- 固定・追従
- オーバーレイ
- 全画面・遷移
複雑さ
- 単体パーツ
- 複合パーツ
- セクション