- 締切済み
このラジオボタンをチェックした場合、以下の任意のラジオボタンの入力を禁止（disabale）にしたい。
つまずいております。 ラジオボタンのタグにonClick=""でスクリプトを記述するとチェックそのものができなくなってしまいます。 ラジオボタンをチェックしたときに瞬時に以下のラジオボタンを選択不可能にする場合はどのようにしたらいいのでしょうか？ <!--head内のスクリプト部分--> <script type="text/javascript" language="JavaScript"> <!-- function f0bj(){ document.form1.namae2.disabled; } // --> </script> <body> <input name="namae1" type="radio" onClick="fobj()" value="任意の名前1">任意の名前1 <input name="namae2" type="radio" value="任意の名前2">任意の名前2 </body>
- miizu
- お礼率41% (19/46)
- JavaScript
- 回答数5
- ありがとう数3
- みんなの回答 （5）
- 専門家の回答
みんなの回答
- yambejp
- ベストアンサー率51% (3827/7415)
ラジオボタンを選ぶと他のラジオボタンのグループが選べなくなる のでしたらいかのようにしてみてはいかがでしょうか？ 最低限リセットをつけてあげないと使い勝手がわるいと思いますので 蛇足ながらつけておきました。 <script language="JavaScript"> function fobj(obj){ var f=obj.form; var n=obj.name; var t=obj.type; for(var i=0;i<f.length;i++){ if(f[i].type=="radio" && f[i].name!=n) f[i].disabled=(t=="radio"); } } </script> <form> group-1<br> <input name="namae1" type="radio" onClick="fobj(this)" value="data1">1 <input name="namae1" type="radio" onClick="fobj(this)" value="data2">2 <input name="namae1" type="radio" onClick="fobj(this)" value="data3">3<br> group-2<br> <input name="namae2" type="radio" onClick="fobj(this)" value="data1">1 <input name="namae2" type="radio" onClick="fobj(this)" value="data2">2 <input name="namae2" type="radio" onClick="fobj(this)" value="data3">3<br> group-3<br> <input name="namae3" type="radio" onClick="fobj(this)" value="data1">1 <input name="namae3" type="radio" onClick="fobj(this)" value="data2">2 <input name="namae3" type="radio" onClick="fobj(this)" value="data3">3<br> <input type="reset" value="リセット" onClick="fobj(this)"> </form>
- FliiStylz
- ベストアンサー率0% (0/0)
今ちょうどそのようなサイトを作成しているので、書き込みしてみました。 以下のような感じでしょうか。 ----------JavaScript (START)---------- <script type="text/javascript"> <!-- function radioDisabled() { for (i = 0; i < 2; i++) { if (document.mainForm.radio1[1].checked == true) { document.mainForm.radio2[i].disabled = true; } else if (document.mainForm.radio1[0].checked == true) { document.mainForm.radio2[i].disabled = false; } } } // --> </script> ----------JavaScript (END)---------- ----------HTML (START)---------- <input name="radio1" type="radio" onClick="radioDisabled()">ラジオボタン２を有効にする<br> <input name="radio1" type="radio" onClick="radioDisabled()">ラジオボタン２を無効にする<br> <br> <input name="radio2" type="radio">ラジオボタン２－１<br> <input name="radio2" type="radio">ラジオボタン２－２<br> ----------HTML (END)---------- 部分的で申し訳ないんですが、少しでも参考になったら幸いです。 お役に立てなかったらごめんなさい。 一応これを作ったときに参考にしたサイトを載せておきます。
>第一ラジオボタンのグループのなかの特定のものを選択したときは以下のラジオボタングループ あー そういうことかー 手っ取り早いのはその下位グループをdivでくくっておいて(勿論nameで命名)まるごと不可視にするとかが楽なんじゃないかな。
- PED02744
- ベストアンサー率40% (157/390)
もう少し具体的に話をまとめて欲しいです(笑) というのは、あなたの質問の題名を見る限り、今起こっている結果で 正しいと思うからです。 ＞チェックそのものができなくなる ＞ラジオボタンを選択不可能にする この違いはなんですか？ ラジオボタンはチェックできるんだけど選択不能にするというのは、 意味がわからないのですが。。
チェックボックスでなくラジオボタン？ なんでselectでやらないのか判らないけど onChange だとかラジオの値を調べてから変化させるとかしたらどうだろう？
補足
すいませんjavascriptカテゴリに出そうとしたのですが間違えました。 そうなんです。 第一ラジオボタンのグループのなかの特定のものを選択したときは以下のラジオボタングループ入力を視覚的に制限したかったのです。
お礼
またまたすいません。 nameタグを入れないで動作させていたようです。 nameタグを入れないと症状が現れました。 お手数おかけいたして申し訳ございませんでした。