チェックボックス一斉選択方法を知りたい
- 指定したチェックボックスに一斉にチェックを入れたい方法を教えてください。
- 関東をクリックすると、東京と神奈川にチェックを入れたいです。
- 実際のチェックボックスはたくさんありますが、一斉にチェックを入れる方法を教えてください。
- ベストアンサー
指定したチェックボックスに一斉にチェック
下記の「関東」をクリックすると、東京、神奈川にチェックを入れたいのですが・・。実際のチェックボックスはたくさんあります。 function test() {ここにどうかく？} <a href="javaScript:test()">関東</a><BR> <INPUT TYPE="CHECKBOX" NAME="basho" VALUE="東京">東京 <INPUT TYPE="CHECKBOX" NAME="basho" VALUE="神奈川">神奈川 <INPUT TYPE="CHECKBOX" NAME="basho" VALUE="鹿児島">鹿児島 <INPUT TYPE="CHECKBOX" NAME="basho" VALUE="大分">大分
- s-holmes
- お礼率47% (767/1609)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<INPUT TYPE="CHECKBOX" NAME="basho" VALUE="東京" id=checkbox LANGUAGE=javascript onclick="return test(this)">東京 として function test(ev) { var e = document.getElementsByName(ev.name); for(i=0;i<e.length;i++) if(ev != e[i]){e[i].checked=true;} } これは？
関連するQ&A
- 送信後のチェックボックスの表示
最初の画面でAにチェックされているとします。 そのあとに、AとBをチェックしたあとにSubmitで送信します。 送信したあとに、AとBにチェックした最初の画面を表示させたいときは、 どんな風にすればよいのでしょうか。 今は・・・ If Request.Form="" <input type="checkbox" name="test" value="A" checked>A <input type="checkbox" name="test" value="B">B <input type="checkbox" name="test" value="C">C Else Select Request.Form("test") Case "A" <input type="checkbox" name="test" value="A" checked>A <input type="checkbox" name="test" value="B">B <input type="checkbox" name="test" value="C">C Case "B" <input type="checkbox" name="test" value="A">A <input type="checkbox" name="test" value="B" checked>B <input type="checkbox" name="test" value="C">C Case "C" <input type="checkbox" name="test" value="A">A <input type="checkbox" name="test" value="B">B <input type="checkbox" name="test" value="C" checked>C ・・・ End Select End If というように、全ての場合のときに"checke"をつけて表示させています。 もっと、効率のよい書き方はないものでしょうか？
- ベストアンサー
- Microsoft ASP
- チェックに応じて違うチェックボックスをアクティブにしたい
次のHTMLのように、大分類、小分類のような構成のチェックボックス グループがあります（初期設定は全部チェック無しです） 普段は[a][b][c][d]をdisableとしておき、(1) にチェックが入った 場合に[d]以外（[a][b][c]）アクティブ（？とにかくチェックを入れる ことができる）ようにするにはどうしたらいいでしょうか。 よろしくお願い致します。 <form id="Form1"> : <INPUT TYPE="CHECKBOX" NAME="food" value="果物">(1) 果物 <INPUT TYPE="CHECKBOX" NAME="food" value="野菜">(2) 野菜 <INPUT TYPE="CHECKBOX" NAME="food" value="肉魚">(3) 肉魚 <br> <INPUT TYPE="CHECKBOX" NAME="fruit" value="りんご">[a] りんご <INPUT TYPE="CHECKBOX" NAME="fruit" value="みかん">[b] みかん <INPUT TYPE="CHECKBOX" NAME="fruit" value="ぶどう">[c] ぶどう <INPUT TYPE="CHECKBOX" NAME="fruit" value="バナナ">[d] バナナ : </form>
- ベストアンサー
- JavaScript
- 指定したチェックボックスを一斉に選択する方法
こんにちは http://oshiete1.goo.ne.jp/kotaeru.php3?q=384409 で質問されていた内容と全く同じですが、恥ずかしながらも回答が私には理解できなかったので、易しく教えて下さいませんでしょうか？ フォームのチェックボックスに駅名を入れていますが、何百件もの数になるので、自動にチェックをいれたいのです。 <INPUT TYPE="CHECKBOX" NAME="eki" VALUE="新今宮">新今宮 <INPUT TYPE="CHECKBOX" NAME="eki" VALUE="天王寺">天王寺 <INPUT TYPE="CHECKBOX" NAME="eki" VALUE="心斎橋">心斎橋 <INPUT TYPE="CHECKBOX" NAME="eki" VALUE="難波">難波 こんな感じで何百件も記述しています。 環状線全チェックをクリックしたら、環状線のみ一括選択 御堂筋線全チェックをクリックしたら御堂筋線のみ一括選択 という風にしたいです。 うまく伝わりましたでしょうか？ 宜しくお願いします。
- ベストアンサー
- JavaScript
- チェックボックスのデータの受け取り方について
以下のようなチェックボックスを作ったとき、 test.phpではどうやって受け取ればよいのでしょうか？ nameがそれぞれ違う場合は分かるのですが．．． 教えてください。 <form method="POST" action="test.php"> <input type="checkbox" name="color" value="red">赤</input> <input type="checkbox" name="color" value="blue">青</input> <input type="checkbox" name="color" value="white">白</input> <input type="checkbox" name="color" value="black">黒</input> <input type="submit" value="送信" > </form>
- ベストアンサー
- PHP
- チェックボックスの全選択
<input type="checkbox" name="chk" value=1> <input type="checkbox" name="chk" value=2> <input type="checkbox" name="chk" value=3> <input type="checkbox" name="chk" value=4> <input type="checkbox" name="chk" value=5> このように同一名称のチェックボックスに対して ボタンを押下された時全てのチェックボックスを チェックするＪａｖａＳｃｒｉｐｔの 書き方を教えて貰えないでしょうか
- ベストアンサー
- JavaScript
- 複数のチェックボックスをチェックしたい
質問させてください。 複数のチェックボックスを項目別に全てチェックするようなjqueryの書き方をご教授いただきたいです。 <table> <tr> <td> <input type="checkbox" name="" />まとめてチェック </td> </tr> <tr> <td> <li><input type="checkbox" name="" value="" />a</li> <li><input type="checkbox" name="" value="" />b</li> <li><input type="checkbox" name="" value="" />c</li> <li><input type="checkbox" name="" value="" />d</li> </td> </tr> <tr> <td> <input type="checkbox" name="" />まとめてチェック </td> </tr> <tr> <td> <li><input type="checkbox" name="" value="" />e</li> <li><input type="checkbox" name="" value="" />f</li> <li><input type="checkbox" name="" value="" />g</li> <li><input type="checkbox" name="" value="" />h</li> </td> </tr> <tr> <td> <input type="checkbox" name="" />まとめてチェック </td> </tr> <tr> <td> <li><input type="checkbox" name="" value="" />i</li> <li><input type="checkbox" name="" value="" />j</li> <li><input type="checkbox" name="" value="" />k</li> <li><input type="checkbox" name="" value="" />l</li> </td> </tr> </table> 上記のようにそれぞれの項目に「まとめてチェック」のチェックボックスがあり、 そこに該当するチェック項目は全てチェックorチェックを外す っという挙動の実装を考えています。 jqueryでやりたいのですが、javascript、jqueryがかなり苦手でいまいちいきません。 ググって $(function(){ $('#all').click(function(){ if(this.checked){ $('#check input').attr('checked','checked'); }else{ $('#check input').removeAttr('checked'); } }); }); このソースを見つけたのですが、これだと一つの項目でしか実装できず 項目分このjqueryを書くのも余り良い書き方だと思えません。 どなたか、ご教授お願いいたします。
- ベストアンサー
- JavaScript
- チェックボックスの戻り
チェックボックスのvalue値に数字を入れてPOSTしています。 DB登録の前にその値を足し算してDBに登録しています。 <input type="checkbox" name="cb[0]" value="1"> <input type="checkbox" name="cb[1]" value="2"> <input type="checkbox" name="cb[2]" value="4"> <input type="checkbox" name="cb[3]" value="8"> <input type="checkbox" name="cb[4]" value="16"> ・・・のようにしています。DBの値を読み取ってcheckedを付ける際はどのようにしたら効率よく処理できるでしょうか？switchを使うとすごくチェックボックスの数が増えると厄介です。困っています。教えてください。
- ベストアンサー
- PHP
- チェックボックスが1つ以上チェックされたかチェックしたい
以下のフォームで、 p_cdのチェックボックスが1つ以上選択されたかチェックしたいのですが、良い方法ございますでしょうか？ <form name='test'> <input type="hidden" name="p_name[]" value='xx'> <input type="checkbox" name="p_cd[]" value='1'> <input type="hidden" name="p_name[]" value='yy'> <input type="checkbox" name="p_cd[]" value='1'> </form>
- 締切済み
- JavaScript
- チェックボックスを小さくしたい
チェックボックスを小さくしたいのですが、何かの方法でできますか。 <INPUT TYPE="CHECKBOX" NAME="test" VALUE="test"> これの見え方のサイズを変更したい・・・。
- ベストアンサー
- CSS
- 複数のチェックボックス項目があり、そのチェック状態によって
複数のチェックボックス項目があり、そのチェック状態によって 処理を分岐したいのですが、スマートなjavascriptの書き方が あれば教えてください！ 【例】 <input type="checkbox" name="koumokuA" value="A1" /> <input type="checkbox" name="koumokuA" value="A2" /> <input type="checkbox" name="koumokuA" value="A3" /> <input type="checkbox" name="koumokuA" value="A4" /> <input type="checkbox" name="koumokuA" value="A5" /> <input type="checkbox" name="koumokuB" value="B1" /> <input type="checkbox" name="koumokuB" value="B2" /> <input type="checkbox" name="koumokuB" value="B3" /> <input type="checkbox" name="koumokuB" value="B4" /> <input type="checkbox" name="koumokuC" value="C1" /> <input type="checkbox" name="koumokuC" value="C2" /> <input type="checkbox" name="koumokuC" value="C3" /> <input type="checkbox" name="koumokuC" value="C4" /> もし【koumokuA】のA2とA3、【koumokuB】のB1とB4が選択された場合 同項目ではor条件、他項目ではand条件で処理したいので 考え方としては、 if(koumokuA=="A2" || koumokuA=="A3"){ if(koumokuB=="B1" || koumokuB=="B4"){ 実行内容 } } こんな感じなのですが、 実際にはチェックボックスの値は配列になるのでこのスクリプトでは動かない点と 効率よく複数のチェックボックスの選択結果を判定して、スクリプトを実行する 組み方があればご教授ください。 実行結果は、データが格納された配列の中から、選択項目に対応したデータを 表示するようにしたいのです。 よろしくお願いします。
- 締切済み
- JavaScript
お礼
素早い回答ありがとうございました。 ご提供のサンプルは私のやりたいことにそのまま使えます。 これなら、多数のチェックボックスがあっても楽に使えそうです。(^O^)