チェックボックス
Checkbox
別名: チェック欄、Check box
生態（さわってみる）
一言定義
四角い枠をクリックしてオン／オフを切り替える、複数選択可能な入力コントロール。
分類
使う場面
- 複数の選択肢から0個以上を自由に選ばせたいとき（利用規約の同意なども含む）
- フォーム送信という確定操作を経て初めて意味を持つ選択
避ける場面
- 選択肢が互いに排他的（1つしか選べない）であるとき（→ラジオボタン）
- 選択が即座に設定へ反映されるべきとき（→トグルスイッチ）
近縁種との比較
ラジオボタンとは形は似るが、チェックボックスは複数選択・0個選択を許容するのに対し、 ラジオボタンは同じグループ内で必ず1つだけを排他的に選ばせる点で決定的に異なる。トグルスイッチ との違いは、NN/gも指摘する通り「送信・保存という確定操作を経るか、即座に反映されるか」にある。 一覧の親子関係を表す際は、子の一部だけが選択された状態を示す中間（indeterminate）表示がチェック ボックス特有の表現として使われる。
実例リンク
アクセシビリティ
- role
- input[type="checkbox"]（ネイティブ要素を使うのが基本）。一部だけ選ばれた親には indeterminate プロパティ（属性ではなくDOMプロパティ）で中間状態を表現
- キーボード操作
- Tabで到達、Spaceでオン/オフ切替
- 補足
- indeterminate は視覚的な中間表示のみで、実際の checked 値は true/false のどちらか