- ベストアンサー
check box を 全部選択するボタンってどのように作るの？
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
ＣＧＩか、でなければJavaScriptでやります。 普通は後者です。
その他の回答 (2)
- burn
- ベストアンサー率65% (25/38)
チェックボックスを全部ＯＮにするオプションは無かったと思いますよ。 RESETは＜FORM＞～＜/FORM＞の記述をリセットするものです。 良くありがちなのは、別に「全て選択する」というチェックボックスを設けて、ＣＧＩの方でコントロールするやり方です。 もし、どうしても複数のチェックボックスの全部にチェックをつけたいのならば、＜INPUT type="checkbox" name="###" valeu="???" checked＞として、はじめから全部にチェックされているようにしてはどうですか？
お礼
とてもいいヒントになりました。 結構いろんなサイトで それが使われていて レスポンスが早かったので てっきりそのようなオプションが存在しているのかと思っていました。
- ryouchi
- ベストアンサー率41% (52/125)
ここの教えてgooの「こたえられそうなカテゴリ一覧」が非常に参考になるかと思います。
関連するQ&A
- チェックボックスの全選択
<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
- チェックボックスを選択するとテキストボックスが表示
質問失礼します。 チェックボックスが下記のようにある場合ですが、 どれかではなく複数選択で テキストボックスを表示させるにはどうしたらよいでしょうか？ <input type="checkbox" name="example" value="" />テレビ ←チェックしたらテキストボックス表示 <input type="checkbox" name="example" value="" />新聞 ←チェックしたらテキストボックス表示 <input type="checkbox" name="example" value="" />CM ←チェックしたらテキストボックス表示 <input type="checkbox" name="example" value="" />その他 ←チェックしたらテキストボックス表示 色々なJavaScriptを試したのですが、 どうも挙動がおかしく、クリックを続けると表示がされたりできなかったり、 という具合になります。 それぞれテキストボックスを表示させたいチェックボックスに 反映できるJavaScriptをご教示願いますでしょうか？ 宜しくお願い致します。
- ベストアンサー
- JavaScript
- チェックボックスをラジオボタンでの選択に変更したい
タイムライン（1）にA・B・C3枚のデータを作成してあります。 a・b・c３通りのチェックボックスを作成して、「a」をクリックした場合にはb・cのデータが隠れ（false）aが表示される（true）（b・cも同様で、a・b・c全部を選択していない場合には全部が表示される）スクリプトを書きました。 ところが、チェックボックスの場合には、利用者が例えば２つを選択することが可能なために、この場合には２つのデータが表示され混乱します。 そのため、チェックボックスをラジオボタンに変更して、且つ同様な動きをさせたいと思っています。 ラジオボタンの場合は「ムービークリップ」のために同様なことは出来ないのでしょうか？ 宜しくお願いします。
- 締切済み
- Flash
- ラジオボタンの選択によってチェックボックスのチェックできる個数を制限し
ラジオボタンの選択によってチェックボックスのチェックできる個数を制限したい。 他の方の質問を見たのですがマッチする質問がなかったのでご質問させていただきます。 現在申し込みフォームを作成しているのですが、要件としては、 ラジオボタンの選択によってチェックボックスのチェックできる個数を制限したい。 と思っています。javascriptで実現できると思うのですがなかなかできずに困っております。 ＜ラジオボタン＞ ○りんご ○みかん ○めろん ○すいか ＜チェックボックス＞ □青森産 □愛媛産 □千葉産 □神奈川産 りんごを選んだ人は、チェックボックスで１つしか選択できないようにしたい。 みかんを選んだ人は、チェックボックスで２つしか選択できないようにしたい。 めろんを選んだ人は、チェックボックスで３つしか選択できないようにしたい。 すいかを選んだ人は、チェックボックスで４つ選択できるようにしたい。 可能であれば制限を超えた場合はアラートを上げたいと思います。 ２つまでしか選べませんというように。 大変申し訳ありませんが、参考になるページやソースなどを教えていただければと 思います。よろしくお願い致します。
- ベストアンサー
- JavaScript
- ラジオボタンを選択でチェックボックスをアクティブにしたい
webサイトを制作しています。 ラジオボタンを選択することで、チェックボックスがアクティブになるようにしたいのですがどのような方法があるでしょうか。 宜しくお願い致します。
- ベストアンサー
- JavaScript
- エクセル VBA チェックボックスについて
よろしくお願い致します。 OS：XP エクセル2003 VBAのことは、まったくの初心者です。 質問なのですが、下記のようなチェックボックス７にチェックが入れば、チェックボックス８～１１に自由にチェックが入れれるようになり、逆にチャックボックス７にチェックが入ってない場合は、チェックボックス８～１１のチェックはクリアされ、チェックできないものを作りました。 ここから、チェックボックス７にチェック入れたあとは、必ずチェックボックス９～１１のどれかにチェックが入っている状態（ラジオボタンのような）で、チェックボックス７にチェックが入ってなかったら、８～１１のチェックがクリアで尚且つ、チェックができなくなるようにするにはどうすればよいでしょうか？ よろしくお願い致します。 Private Sub CheckBox7_Click() If CheckBox7.Value = True Then CheckBox8.Enabled = True CheckBox9.Enabled = True CheckBox10.Enabled = True CheckBox11.Enabled = True Else CheckBox8.Value = False CheckBox9.Value = False CheckBox10.Value = False CheckBox11.Value = False CheckBox8.Enabled = False CheckBox9.Enabled = False CheckBox10.Enabled = False CheckBox11.Enabled = False End If End Sub
- 締切済み
- オフィス系ソフト
- チェックボックスの全選択・全解除を一つにまとめたい
http://shoyu-ramen23.jugem.jp/?eid=184を参考にチェックボックスの全選択・全解除をつけました。 ただし、上記のサンプルは全選択ボタン、全解除ボタンと二つに分かれている為、これを一つにしたいと思ったのですが、どうすればできるかわからなかったので、 アドバイスいただける方がいらっしゃいましたら、ご教示の程、よろしくお願いします。 【やりたい事】 1. 最初は「全て選択」ボタンのみ表示したいです。 2. 「全て選択」ボタンをクリックすると、「全て選択」ボタンが消え、代わりに「全て解除」ボタンを表示したいです(1回目,3回目,5回目・・・のクリックはこの動作)。 2. 「全て解除」ボタンをクリックすると、「全て解除」ボタンが消え、代わりに「全て選択」ボタンを表示したいです(2回目,4回目,6回目・・・のクリックはこの動作)。 【ソースコード】 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>タイトル</title> <script type="text/javascript"> function allcheck(targetForm,flag){ for(n=0;n<=targetForm.length-1;n++){ if(targetForm.elements[n].type == "checkbox"){ targetForm.elements[n].checked = flag; } } } </script> </head> <body> <form action="test.php" method="post"> <table> <tr> <td> <input type="button" onclick="allcheck(this.form,true)" value="全て選択"><br /> <input type="button" onclick="allcheck(this.form,false)" value="全て解除"></td> </tr> <tr> <td><input type="checkbox" value="1" id="check1" name="data[check1]"></td> </tr> <tr> <td><input type="checkbox" value="1" id="check2" name="data[check2]"></td> </tr> <tr> <td><input type="checkbox" value="1" id="check3" name="data[check3]"></td> </tr> <tr> <td><input type="checkbox" value="1" id="check4" name="data[check4]"></td> </tr> <tr> <td><input type="checkbox" value="1" id="check5" name="data[check5]"></td> </tr> </table> </form> </body> </html> 以上、よろしくお願いします。
- ベストアンサー
- JavaScript
- javascriptでチェックボックスの選択状況をチェックする方法につ
javascriptでチェックボックスの選択状況をチェックする方法について質問です。 チェックボックスを <input type="checkbox" name="chk[]" value="1"> <input type="checkbox" name="chk[]" value="2"> のようにした場合、チェックボックスが１か所以上選択されているかどうかは、 var count = 0; for (var i=0;i<document.myform.elements['chk[]'].length;i++){ if(document.myform.elements['chk[]'][i].checked){ count++; } } if(count==0){ window.alert("チェックしてください！"); } のようにすればチェック可能ですが、inputタグで <input type="checkbox" name="chk1[]" value="1"> <input type="checkbox" name="chk1[]" value="2"> <input type="checkbox" name="chk2[]" value="A"> <input type="checkbox" name="chk2[]" value="B"> のように「name」の配列名が変化する場合はどのようにすればチェック可能でしょうか？
- 締切済み
- JavaScript
- 動的に作ったチェックボックスが選択できません！！
こんにちは 閲覧ありがとうございます。 タイトルの通り、HTMLのcheckboxをjQuery/javascriptで動的に作ったのですが、動かなくて困っています。 単純に一つ一つcreateElement()で作った場合は大丈夫なのですが、作りたいものが入れ子になった状態です。 まず、作りたいものをHTMLで書くと以下になります。 <div class="input-checkbox"> <span class="kintoneplugin-input-checkbox-item"> <input type="checkbox" name="checkbox" value="value*****" id="id*****"> <label for="id*****">チェックボックス１</label> </span> </div> そして、次にこの形を動的に作ろうとしたものが以下です。 上のHTMLの<div class="input-checkbox">はあるという前提で、その子に動的に作った要素を入れようとしています。 arrayとあるのは、この内容をfor文で回すためです。 //1.span要素作成 var checkSpan = document.createElement('span'); checkSpan.className = "input-checkbox-item"; //2.checkbox作成 var viewCheckBox = document.createElement('input'); viewCheckBox.type = "checkbox"; viewCheckBox.name = "checkbox"; viewCheckBox.id = array2[k]; viewCheckBox.value = array2[k]; viewCheckBox.disabled=""; //3.ラベル作成 var viewLabel = document.createElement("label"); viewLabel.for = array2[k]; viewLabel.id = "label_"+k; viewLabel.innerHTML = array[k]; 4.//追加 $('.input-checkbox').append($(checkSpan).append(viewCheckBox).append(viewLabel)); 上記の内容で実行すると、チェックボックスとそのラベルは表示されるのですが、チェックボックスが編集不可というか、、チェックできないのです。 disabledの指定などもしてみたのですが、うまくいきませんでした。 どうやったらチェックをできるようになるでしょうか＞＜ プログラミング初心者なので、変なところとかがあったらすいません。。。 よろしくお願いします！！
- 締切済み
- JavaScript
- VBAユーザーフォームのチェックボックスについて
いつもお世話になっております。 VBAのチェックボックスについてお尋ねします。 貼付ファイルのようなユーザーフォームを作成しました。 フレーム1（TEST1)に 1.CheckBox1（全選択） 2.CheckBox2 3.CheckBox3 フレーム2（TEST2）に 4.CheckBox4（全選択） 4.CheckBox5 5.CheckBox6 フレーム外に 6.CheckBox7(全選択） があります。 フレーム1のCheckBox1にチェックを付けるとCheckBox2とCheckBox3にチェックが入り フレーム外のCheckBox7にチェックを付けると全てのCheckBoxにチェックが入るようにしたいのですが。 どなたかご教授をお願いします。
- ベストアンサー
- Excel（エクセル）
お礼
ありがとうございます。 JavaScript の本をみたら 例らしきものがのっていたので それで挑戦してみます。