チェック‐ボックス【check box】
チェックボックス
チェックボックス
出典: フリー百科事典『ウィキペディア(Wikipedia)』 (2022/06/22 05:59 UTC 版)
ナビゲーションに移動 検索に移動チェックボックス(英: check box、tick box)は、コンピュータのグラフィカルユーザインタフェースの構成要素(ウィジェット)の一種で、いくつかあるオプションから複数の項目を選択するのに使われる。通常、四角の中に空白(偽の場合)かチェックマーク(真の場合)が表示される形式である。チェックボックスの隣にはその説明文が付与される。チェックボックスの状態を反転させるには、チェックボックスまたはその説明文[1]上でマウスをクリックすればよい(あるいはショートカットキーを使う)。
類似要素
Microsoft Windowsでは、Push Likeのチェックボックスとして、通常のプッシュボタンの外観を持つチェックボックス(トグルボタン)に設定することも可能である[2]。
また、iOSなどのタッチインターフェイスを考慮した環境では、従来のチェックボックスの外観デザインの代わりに、スライド式のスイッチを模した外観を持つチェックコントロールも存在する。
Microsoft Windowsでは、チェックボックスとトグルスイッチやラジオボタンとの使い分けに関するガイドラインが提示されている[3] [4]。
3状態チェックボックス
アプリケーションソフトウェアによっては、3状態のチェックボックスを使っている場合がある。第三の状態は、チェックボックス内が灰色となる(グレイアウトとも呼ぶ)。この第三の状態は、システムの現在状態ではそのチェックボックスを操作できないことを示す。あるいは、そのチェックボックスが複数の真偽値の集合的状態を表す場合、ダッシュ記号や小さな塗りつぶし矩形を表示し、一部の値が真(チェックされている)で、残りが偽(非チェック)となっていることを示す(中間状態あるいは不確定状態、Indeterminate)。ユーザーがグレイアウト状態もしくは中間状態を選択することはできず、単にユーザーに現在状態を示すのに使われる。
例えば、FTPで転送するファイルを選択するのにチェックボックスを使うことがある。このとき、1度に複数のファイルを選択できるようツリービューもしくはヘッダー付きのリストビュー表示にして、フォルダーまたはディレクトリ単位でまとめて選択できる機能を設けると便利である。あるフォルダー内の一部のファイルがチェックされ、残りが非チェックの場合、そのフォルダーに対応したチェックボックスは中間状態となる。この中間状態のチェックボックスをクリック操作すると、以下のどちらかの状態となり、クリックするたびにもう一方になって、中間状態にはならない。
- そのフォルダ配下の全ファイル/フォルダーがチェック状態となる。
- そのフォルダ配下の全ファイル/フォルダーが非チェック状態となる。
3状態チェックボックスの代表的なものとして、Microsoft Windowsにおける、ファイル・フォルダーのプロパティダイアログが挙げられる。Windowsエクスプローラーにおいて、複数のファイルを選択した状態や、フォルダーに対してプロパティを表示させると、複数のファイル属性の集合的状態がチェックボックスで表示・管理されるようになっている。
実装によっては第三の状態もユーザーが選択できる場合がある。この場合、下位の全要素の選択/非選択の状態をシステムが記憶しておく。これはアンドゥ機能[5]の一種である。
HTML5では、input要素のindeterminateプロパティが標準化され、JavaScriptで制御することで3状態チェックボックスを実現できるようになっている[6]。
符号位置
記号 | Unicode | JIS X 0213 | 文字参照 | 名称 |
---|---|---|---|---|
☐ | U+2610 |
- |
☐ ☐ |
BALLOT BOX |
☑ | U+2611 |
- |
☑ ☑ |
BALLOT BOX WITH CHECK |
☒ | U+2612 |
- |
☒ ☒ |
BALLOT BOX WITH X |
脚注
- ^ HTMLの場合は、説明文上でのクリックを有効にするためにはinput要素とlabel要素を明示的に関連付ける必要がある。
- ^ Button Types (Windows)
- ^ トグル スイッチ コントロールのガイドライン - Windows app development
- ^ Windows ユーザーエクスペリエンス ガイドライン > ガイドライン > コントロール > チェック ボックス
- ^ 直前の操作を取り消す機能
- ^ 3状態チェックボックス(HTML5だけど古いIEでも動く) - Qiita
関連項目
チェックボックス (checkbox)
出典: フリー百科事典『ウィキペディア(Wikipedia)』 (2022/06/11 06:15 UTC 版)
「フォーム (ウェブ)」の記事における「チェックボックス (checkbox)」の解説
※この「チェックボックス (checkbox)」の解説は、「フォーム (ウェブ)」の解説の一部です。
「チェックボックス (checkbox)」を含む「フォーム (ウェブ)」の記事については、「フォーム (ウェブ)」の概要を参照ください。
「チェックボックス」の例文・使い方・用例・文例
「チェックボックス」に関係したコラム
FXのチャート分析ソフトMT4のダウンロードとインストールの方法
FX(外国為替証拠金取引)のチャート分析ソフトMT4(Meta Trader 4)は、口座を開設したFX業者、あるいは、MT4の開発元のMetaQuotesSoftwareのWebサイトからダウンロー...
-
FX(外国為替証拠金取引)のチャート分析ソフトMT4(Meta Trader 4)では、テクニカル指標でサインが発生した時や売買が約定した時などにアラームが鳴ります。アラームは、ユーザーが自由に設定で...
-
CFDの取引を行うには、CFD業者の口座を開設する必要があります。ここでは、口座開設までの手続きの方法について解説します。ほとんどのCFD業者では、Webサイトから口座開設の手続きができます。まず、口...
-
FX(外国為替証拠金取引)のチャート分析ソフトMT4(Meta Trader 4)では、インディケーターを起動中にある数値に達した時にメール通知することができます。メール通知をするには、MT4でのメー...
- チェックボックスのページへのリンク