- 締切済み
チェックボックスとセレクトボックスの使い分け
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- karumakaruma
- ベストアンサー率65% (65/100)
チェックボックスとセレクトボックスは意味合いが まったく違いますよ？ チェックボックスは、同じグループ(同じ名前）で 複数選択が可能で、また未選択も可能 ラジオボックスは、同じグループ（同じ名前）で 単一選択のみ可能。初期値でcheckedをつけない場合は未選択も可能 例えばユーザー情報登録の画面があったとして 性別欄は男、女のどちらか一方しか選ばないので ラジオボックスを使います。（両方の選択は無いので） 趣味欄は、複数選択する場合があるのでセレクトボックスを使います。 もしかしてですが、ラジオボックス、セレクトボックスの 一つずつに違う名前をつけてないですか？ 使い方の例： ラジオボックスの場合 <input type="radio" name="sex" value="0" selected>男性 <input type="radio" name="sex" value="1">女性 とした場合、最初に男性がチェックされていますが 女性をクリックしたら、男性のチェックが外れて女性が チェックされますよね？ チェックボックスの場合 <input type="checkbox" name="hobby" value="0">読書 <input type="checkbox" name="hobby" value="1">音楽鑑賞 <input type="checkbox" name="hobby" value="2">映画鑑賞 <input type="checkbox" name="hobby" value="3">スポーツ観戦 とした場合、全て選択する事も、全て選択しない事も できますよね？ つまりはこういう事です。
- yambejp
- ベストアンサー率51% (3827/7415)
>（単一選択時） その場合はラジオボタンの方がよいですね。 セレクトボックスはoptgroupタグでグルーピングができるので重宝しますね。 場合にもよりますがPHPなどプログラムからの処理はセレクトボックスの 方がやりやすいような気がします。 また、無選択時の挙動も、セレクトボックスの場合は空データを おくりますが、チェックボックス（ラジオボタン）の場合はおくりません。 そのあたりで若干の好き嫌いがでるでしょう。 デフォルト値が直感的なのもセレクトボックスの特徴です。 （それしか表示されないわけですから） 逆にチェックボックスの特徴としてはユーザーに「自ら率先して選んだ」という 意識付けをさせるにはよいでしょう。それがチェックボックスの最大の 特徴ではないでしょうか？ 基本的にはおっしゃるとおり画面をすっきりさせたいときはセレクトボックス。 要素数がすくなく、全体を見渡した上で選択させたい場合は チェックボックス（ラジオボタン）というきりわけでよろしいかと。
お礼
２番目に回答してくださいましたarumakarumaさんの指摘どおり チェックボタンとラジオボタンを間違っていました。 申し訳ございません。 セレクトボックスのoptgroupタグについては知りませんでした こういうタグがあったのですね。 セレクトボックスとラジオの違いではデフォルト値があるとないの違いが あるのですね。 選んでほしいというときにはチェックボックスを使うということですか やはり画面の表示に結構左右されるようですね。 ありがとうございました。
関連するQ&A
- セレクトボックス
こんにちは。いつもお世話になっております。 セレクトボックスについて質問なのですが、JavaScrptを用いて セレクトボックスのどれかを自動的に選択する事は可能でしょうか？ 具体的には、年月日をとりだして、セレクトボックスの対応する項目を自動選択したいのです。 どなたかご存知の方いらっしゃいましたら、どうか教えてください。 よろしくお願いします。
- ベストアンサー
- JavaScript
- チェックされたセレクトボックスの値のpost
APS6.0を使用し携帯サイトを作成しています。 ですのでjavascriptを利用出来ません。 チェックボックスが複数個存在し、同じ数だけセレクトボックスが存在します。 チェックボックスの隣にセレクトボックスがあります。 チェックされたセレクトボックスの値だけを次の画面にpostし、値渡しをしようと考えています。 そんな事は可能なのでしょうか。 現状では全てのセレクトボックスの値が次の画面に渡ってしまい、 どのセレクトボックスがチェックされたか分からないような状況になっています。
- ベストアンサー
- HTML
- セレクトボックスで警告
Javascriptの初心者です。 セレクトボックスが二つ(a,b)あるとして、 セレクトボックスa中の項目いずれかを選択肢すると、 セレクトボックスbのどの項目をも選択できないようにするため、 警告をだしたいのですが、 よい方法をご教授していただけなでしょうか。 よろしくお願いいたします。
- 締切済み
- JavaScript
- javascriptでのセレクトボックスについて。
javascriptを使ったセレクトボックスについて教えてください。 教えてgooのカテゴリ選択のように、セレクトボックスでjavascripを使い、 一つめのselectボックスでは ・１ ・２ ・３ のオプションを選択可能に 二つめのselectボックスでは、 １が選択されたら ・１の１ ・１の２ ・１の３ のオプションを選択可能に ２が選択されたら ・２の１ ・２の２ ・２の３ を選択可能に ３が選択されたら ・３の１ ・３の２ ・３の３ を選択可能に と言う風にはどうすれば出来るでしょうか？ 教えてください、お願いします。
- 締切済み
- JavaScript
- 複数のセレクトボックスで
二つのセレクトボックスがあり、それぞれ ボックス1⇒1、2 ボックス2⇒1、2、3 と選択項目があります。 ボタンは一つで、それぞれの組み合わせによって別々のURLに飛ばすもの作りたいのですが、どうしたらいいんでしょう？
- ベストアンサー
- PHP
- テクストボックスからセレクトボックスへ
１．テキストボックスにテキストを入力 ２．追加ボタンを押す ３．セレクトボックスに表示 ４．セレクトボックスに追加した項目を選択し削除ボタンで削除できる 以下のようなプログラムを教えていただけますでしょうか？
- ベストアンサー
- JavaScript
- ファイルメーカーのチェックボックスについて
ファイルメーカー９ａｄｖを使用中です。 値一覧からチェックボックスを作成します。 仮にチェックボックスから項目を複数を選択した場合、 その選択した項目数を返す関数を教えて頂けないでしょうか。 例えば、チェックボックスで１０項目の一覧があり、 その中で３個のチェックをした場合、「３」を返すということです。 よろしくお願いいたします。
- 締切済み
- その他(データベース)
- チェックボックスにチェックする方法
つまらない質問で申し訳ないのですが、 何かを選択する際に使われますチェックボックスに ついてですが、 いくつものチェックボックスを 一つ一つクリックしてチェック（レ）するのではなく 全項目まとめてチェックする方法はありますでしょうか？ よろしくお願いいたします。
- 締切済み
- その他（インターネット・Webサービス）
- チェックされたチェックボックスの数を調べるには？
不定数のチェックボックスがあり、ボタンを押すとチェックされた項目の数を返すようにしたいのですが、どのように記述すれば良いでしょうか？ 例えばチェックボックスが５個あり、そのうちの３個がチェックされている状態でボタンを押すと、アラートで３と表示する、といった感じです。
- ベストアンサー
- JavaScript
- セレクトメニューの選択項目によって、もう１つのセレクトメニューの項目と項目数を変更する
もう1つのセレクトメニューの項目数が同じタイプのものは、ネット上で見つけられたのですが、項目の数も違うものは見つかりませんでした。 たとえば、1つ目のセレクトメニューでAタイプとCタイプを選択すると、2つ目のセレクトメニューでは5項目から選択でき、Bタイプを選択すると、3項目から選択できるという風にしたいです。ご助言お願いします。
- ベストアンサー
- JavaScript
お礼
失礼しました。ご指摘通り、チェックボックスとラジオボタンを間違えていました。 確かに男女の場合はラジオボタンを使いますが 有無とか可不可の場合はどうでしょうか？ ２択の場合は結構ラジオボタンの方が良いのですが ここに有・無・不明になった場合はセレクトにしてしまいます。 またテーブルの幅のためにセレクトにしてしまったりと・・・ こういう考え方でよいのかなと疑問に思い質問させていただきました。