Component Gallery

Glossary

チェックボックスとラジオボタンの違い

Checkbox vs Radio Button

30秒でわかる要点

チェックボックスは複数選択やオン/オフ、ラジオボタンは同じ選択肢グループから1つだけ選ぶ入力に使います。

使い分けのポイント

  • ・チェックボックスは複数選択に向く
  • ・ラジオボタンは排他的な単一選択に向く
  • ・選択肢が多い場合はセレクトも検討する

関連コンポーネント

チェックボックス（Checkbox）チェックボックス（Checkbox）は、複数の選択肢からユーザーが任意の数を選択できるコンポーネント。グループで使用されることが多い。ラジオボタン（Radio Button）ラジオボタン（Radio Button）は、複数の選択肢から1つだけ選択させる入力コンポーネント。グループで使用し、排他的な選択を表現する。

運営・更新・参照元

最終更新日
2026-07-16
レビュー状態
未レビュー

参照元

FAQ

チェックボックスとラジオボタンの違いはどう使い分けますか？

チェックボックスは複数選択やオン/オフ、ラジオボタンは同じ選択肢グループから1つだけ選ぶ入力に使います。 実装時は、ユーザーが何を判断・入力・移動したいのかを基準に選びます。

チェックボックスとラジオボタンの違いでよくある誤解は何ですか？

チェックボックスは複数選択に向く

チェックボックスとラジオボタンの違いをチームで統一するには？

デザインシステムやUI用語集で推奨名、別名、使う場面、使わない場面を明記し、画面レビュー時に同じ呼称を使います。