- ベストアンサー
ラジオボタンを選択でチェックボックスをアクティブにしたい
webサイトを制作しています。 ラジオボタンを選択することで、チェックボックスがアクティブになるようにしたいのですがどのような方法があるでしょうか。 宜しくお願い致します。
- mmmmok
- お礼率33% (1/3)
- JavaScript
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
ああ、なるほど いろいろやりようはありますが、こんな感じじゃないですかねぇ <script> window.onload=function(){ document.getElementById("opt1").onclick=function(){ optgroupDisabled(this.form,true); } document.getElementById("opt2").onclick=function(){ optgroupDisabled(this.form,false); } } function optgroupDisabled(f,flg){ var objs=f.getElementsByTagName("input"); for(var i=0;i<objs.length;i++){ if(objs[i].className=="optgroup") objs[i].disabled=flg; } } </script> <form> <input type="radio" name="opt" id="opt1" checked><label for="opt1">標準仕様</label><br> <input type="radio" name="opt" id="opt2"><label for="opt2">オプションをつける</label><br> <input type="checkbox" name="hoge1" id="hoge1" class="optgroup" disabled><label for="hoge1">hoge1</label><br> <input type="checkbox" name="hoge2" id="hoge2" class="optgroup" disabled><label for="hoge2">hoge2</label><br> <input type="checkbox" name="hoge3" id="hoge3" class="optgroup" disabled><label for="hoge3">hoge3</label><br> </form>
その他の回答 (2)
- HIRSYU
- ベストアンサー率51% (45/87)
こんな感じですか？ #あまり綺麗なソースじゃないのですが（＾＾； <html> <head> <script type="text/javascript"><!-- function changeDisable(){ var i; var objYesno; var objSelect; objYesno = document.getElementsByName("yesno"); objSelect = document.getElementsByName("select"); for(i=0; i<objSelect.length; i++){ objSelect(i).disabled = !yesno(0).checked; } } // --></script> </head> <body> <input name="yesno" type="radio" onclick="changeDisable();" checked="checked"/>はい（複数選択可） <br/> <input name="select" type="checkbox"/>選択１<br/> <input name="select" type="checkbox"/>選択２<br/> <input name="select" type="checkbox"/>選択３<br/> <input name="select" type="checkbox"/>選択４<br/> <br/> <input name="yesno" type="radio" onclick="changeDisable();"/>いいえ </body> </html>
補足
no.1の方の補足に追加したとおり特定のラジオボタンを押したときのみ、チェックボックスがアクティブになる方法を知りたかったのです。 解答ありがとうございました。
- yambejp
- ベストアンサー率51% (3827/7415)
できますが、どのようなことをやりたいかわからないので なんとも言えません。 普通に考えれば、ラジオボタンをチェックしてチェックボタンが チェックされるなら、ラジオボタンをチェックするだけで、 チェックボタンをチェックする必要はありませんので。 具体例を補足してください
補足
解答有り難うございます。 説明不足で申し訳ありません。 商品の注文画面なんです。 例えば… ーーーーーーーー ○標準仕様 ○オプションをつける □ □ □ ーーーーーーーー こういう選択肢の場合、「オプションをつける」にチェックした場合のみチェックボックスがアクティブ(選択できる状態)になるようにしたいんです。 宜しくお願いいたします。
関連するQ&A
- ラジオボタンの選択によってチェックボックスのチェックできる個数を制限し
ラジオボタンの選択によってチェックボックスのチェックできる個数を制限したい。 他の方の質問を見たのですがマッチする質問がなかったのでご質問させていただきます。 現在申し込みフォームを作成しているのですが、要件としては、 ラジオボタンの選択によってチェックボックスのチェックできる個数を制限したい。 と思っています。javascriptで実現できると思うのですがなかなかできずに困っております。 ＜ラジオボタン＞ ○りんご ○みかん ○めろん ○すいか ＜チェックボックス＞ □青森産 □愛媛産 □千葉産 □神奈川産 りんごを選んだ人は、チェックボックスで１つしか選択できないようにしたい。 みかんを選んだ人は、チェックボックスで２つしか選択できないようにしたい。 めろんを選んだ人は、チェックボックスで３つしか選択できないようにしたい。 すいかを選んだ人は、チェックボックスで４つ選択できるようにしたい。 可能であれば制限を超えた場合はアラートを上げたいと思います。 ２つまでしか選べませんというように。 大変申し訳ありませんが、参考になるページやソースなどを教えていただければと 思います。よろしくお願い致します。
- ベストアンサー
- JavaScript
- ラジオボタンやチェックボックスの作り方
エクセルで簡単なアンケートを作っていて、性別の選択などで ラジオボタンを、複数選択項目でチェックボックスを設置した いのですが、どのような操作をすればよいのでしょうか？ ただ見るだけ、プリントアウトするだけなので、プログラム (VBA?)などに反映されていなくてもいいです。 また、ワードでもこのようなボタンを設置することはできるの でしょうか？
- ベストアンサー
- オフィス系ソフト
- チェックボックスをラジオボタンでの選択に変更したい
タイムライン（1）にA・B・C3枚のデータを作成してあります。 a・b・c３通りのチェックボックスを作成して、「a」をクリックした場合にはb・cのデータが隠れ（false）aが表示される（true）（b・cも同様で、a・b・c全部を選択していない場合には全部が表示される）スクリプトを書きました。 ところが、チェックボックスの場合には、利用者が例えば２つを選択することが可能なために、この場合には２つのデータが表示され混乱します。 そのため、チェックボックスをラジオボタンに変更して、且つ同様な動きをさせたいと思っています。 ラジオボタンの場合は「ムービークリップ」のために同様なことは出来ないのでしょうか？ 宜しくお願いします。
- 締切済み
- Flash
- ラジオボックス・チェックボックス・テキストボックス
いつも拝見して勉強させていただいています。 勉強不足でうまくjavaがかけないので質問させていただきます。 下記のように機能させたいと考えています。 1.ラジオボックス１とラジオボックス２のみが初めは選択可能。 他のチェックボックス１～６とテキストボックスは選択不可能。 2.ラジオボックス２を選ぶとチェックボックス１～６が選択可能。テキストボックスは記入不可能。 3.チェックボックス６を選ぶとテキストボックスは記入可能。 配置は以下のような感じになっています。 ○ラジオボックス１ ○ラジオボックス２--- □チェックボックス１ □チェックボックス２ □チェックボックス３ □チェックボックス４ □チェックボックス５ □チェックボックス６----- 「 テキストボックス 」 下記サイトを参考にしているのですが組み合わせるとうまくできません。 http://phpjavascriptroom.com/?t=js&p=radiocheckbox 初歩的な質問で申し訳ありませんがよろしくおねがいします。
- ベストアンサー
- Java
- Excel2007でラジオボタン
Excel2007でラジオボタン 二つ並んだラジオボタンのボックスがあります。 ひとつのボックスのどちらかのボタンにチェックをいれると、 もうひとつのボックスのボタンが選択不可能になるようにしたいと考えているのですが、 そういったことはできるのでしょうか？ できるのであれば、その方法をご教授頂けますでしょうか。 手書きで汚いのですが、 左のBoxで「B」を選択すると、右のBoxはどちらも選択できないようにしたいです。 よろしくお願いいたします。
- 締切済み
- その他MS Office製品
- ラジオボタンやチェックボックスについて
データ入力の際に、テキストボックスはもちろん ラジオボタンやチェックボックスも使用したいのです。 が、テキストボックスだけだと上手く表示されるのですが、 ラジオボタンやチェックボックスを追記すると、うまくいきません。 print "<input type="radio" name="性別" value="男性">男性 \n"; print "<input type="radio" name="性別" value="女性">女性 \n"; と表記すると、エラーになります。 エラーメッセージは、 Bareword found where operator expected at \db_Beta1.cgi line 698, near "" とでます。POST形式でテキストは送信しています。 なにが間違っているのかおしえていただけませんか？よろしくお願いします。
- ベストアンサー
- Perl
- ラジオボタン＆チェックボックス
お世話になっております。 私は、あまりマウス操作が好きではありません。使えないわけではないのですが、キーボードから手を離す時間がもったいないように思えてしまうのです。 それで、いろいろなシーンで見かける、この「ラジオボタン」や「チェックボックス」に印を付ける時も、マウスでのクリックではなく、キー操作でできないものかと考えたのですが。 「そんな方法は無い」ということであれば諦めますが。教えてください。よろしくお願いいたします。
- ベストアンサー
- その他（インターネット・Webサービス）
- ラジオボタンの未選択チェックについて
ラジオボタンの未選択チェックに困っています！ フォームにInputして、CGIで送信するように設定しています。 但し、送信内容を管理者がメール受信するため、ラジオボタンの「name」は漢字にしています。 ＜name＞ ＜value＞ Webの見やすさ ＝ 見やすい と表示されるようにです。 <INPUT type="radio" name="Webの見やすさ" value="見やすい" id="Q11"><label for="Q11"> 見やすい</label> <INPUT type="radio" name="Webの見やすさ" value="特に問題ない" id="Q12"><label for="Q12"> 特に問題ない</label> <INPUT type="radio" name="Webの見やすさ" value="ふつう" id="Q13"><label for="Q13"> ふつう</label> <INPUT type="radio" name="Webの見やすさ" value="やや見にくい" id="Q14"><label for="Q14"> やや見にくい</label> <INPUT type="radio" name="Webの見やすさ" value="見にくい" id="Q15"><label for="Q15"> 見にくい</label></TD> この場合、ラジオボタンの未選択チェックは、どのようにしたら いいのでしょうか？ 今までは、「name」を英数にしていたので、下記のようにしていました。 <script language="JavaScript"> <!-- function chk(oj) { if ((oj.Q1[0].checked == false) && (oj.Q1[1].checked == false) && (oj.Q1[2].checked == false) && (oj.Q1[3].checked == false) && (oj.Q1[4].checked == false)) { alert("Ｑ１のボタンが未選択です"); return false ; } else { return true ; } }//--> </script> 初心者のため、何を変えたらいいのか・・・ホームページを調べたのですが分かりませんでした。 「name」が漢字の場合、どのように指示したらいいのか、ぜひぜひご教授願います。 どうぞよろしくお願いいたします。
- 締切済み
- JavaScript
- ラジオボタンの選択結果によってサブ選択肢をアクティブにさせる方法は
ラジオボタンについてお尋ねします。例えばAとBのラジオボタンがあるとして、Aを選択すると１～３の選択肢のラジオボタンをアクティブに、Bなら４～６のチェックボックスをアクティブにするにはどうしたらいいでしょうか？ 結果的に、１か２か３か「４～６の選択肢群」のどれかを選ばせるようにしたいのです。よろしくお願いします。
- 締切済み
- JavaScript
- ラジオボタンを選択後、別のチェックボックスを使用できなくする方法
ラジオボタンＲ１・Ｒ２・Ｒ３ と チェックボックス Ｃ１・Ｃ２・Ｃ３・Ｃ４がフォームに配置されています。 １： 初期状態でＲ１が選択されており、さらにチェックボックスの全てが使用できない状態になっている。 ２： Ｒ２若しくはＲ３を選択すると、チェックボックスの全てが使用できる状態になる。 ３： 改めてＲ１を選択すると初期状態に戻る。 以上のような動作をさせたいと思いますが、よくわかりません。 お手数ですが、ご指導ください。
- ベストアンサー
- JavaScript
お礼
どうも有り難うございます！ 大変助かりました。