チェックボックス
Checkbox
ライブデモ
説明
一言で説明
オン/オフの2つの状態を切り替えられる小さな四角のUI要素。複数選択が可能。
いつ使う?
複数の選択肢から0個以上を選ばせたいとき。利用規約の同意、設定項目の有効化など。
💡 日常の言い方
「☑ チェックを入れたり外したりする四角いやつ」
似ている用語との違い
チェックボックス vs トグルスイッチ
トグルスイッチは即座に反映される。チェックボックスはフォーム送信で反映される。
チェックボックス vs ラジオボタン
ラジオボタンは排他選択(1つだけ)。チェックボックスは複数選択が可能。
AIへの指示例
設定画面に通知設定のチェックボックスリストを作って。「メール通知」「プッシュ通知」「SMS通知」の3つ。チェック時にアニメーション付きで。