![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
下記のようにフォームがあります。
チェックボックスをクリックして始めて、
同列のラジオボタンが選択できるようにしたいと考えております。
現在は、質問1のみですが質問の数がその下に増えていくと考えた場合、(例えば質問10まであると仮定して考えてください。)どのようにスクリプトを書いていけば、スマートになるかお知恵を貸していただけませんでしょうか?
よろしくお願いいたします。
<form name="form1">
<table><tr>
<th><input type="checkbox" name="q1_1" value="" onClick="quetion()">質問1</th>
<td><input type="radio" name="q1_1a" value="a" disabled ></td>
<td><input type="radio" name="q1_1a" value="b" disabled ></td>
<td><input type="radio" name="q1_1a" value="c" disabled ></td>
</table></form>
No.1ベストアンサー
- 回答日時:
スマートかどうかは判りませんが
(1)
quetion('q1_1a')
で呼び出して、引数で指定されたname のフォームをdisabled=false にする
(2)
チェックボックスとラジオボタンの命名規則を
X Xa のように決めておき
quetion(this) で呼び出す。
function quetion(el){…、で受けたとすると
el.name で"q1_1" のような名前が取り出せるので、
"q1_1" + "a" の様に配下となるラジオボタンの名前を作り出して
以下(1) と同じ。
この場合は、form が複数あった場合に、(親form が(から)階層的に取り出せるので)有利。
蛇足
質問:Question
No.2
- 回答日時:
チェックボックスの名前+aがラジオボタンという法則性があるなら
以下のような感じにしてみてください
<script language=javascript>
function question(obj){
f=obj.form
for(i=0;i<f.length;i++){
if(f[i].name==obj.name+"a") f[i].disabled=!obj.checked
}
}
</script>
<form name="form1">
<table><tr>
<th><input type="checkbox" name="q1_1" value="" onClick="question(this)">質問1</th>
<td><input type="radio" name="q1_1a" value="a" disabled ></td>
<td><input type="radio" name="q1_1a" value="b" disabled ></td>
<td><input type="radio" name="q1_1a" value="c" disabled ></td>
</table></form>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンを一括で操作する...
-
テキストボックスの中に文字と...
-
Javascriptの"return "について
-
Pythonで会員サイトの自動ログ...
-
Javascriptでのbuttonのname属...
-
【jsp/Java】チェックボックス...
-
onFocusOutが複数回呼ばれる!
-
入力した文字をステータスバー...
-
クイズ作成:15個の問題から5個...
-
チェックボックスがundefinedと...
-
JSで一つのボタンを押したとき...
-
プルダウン 項目が多いので先頭...
-
1つのform内に2つのsubmitボタ...
-
画面の大きさに関わらず、左右...
-
ホームページ上での計算につい...
-
selectを変更不可にしたい
-
ポップアップウインドウで選択...
-
onchangeイベントを強制的に発...
-
submitするとなぜか2度実行する
-
return trueとreturn falseの用...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
チェックボックス付きのテーブ...
-
JavaScriptの「.querySelectorA...
-
Javascriptの電卓で最初の何も...
-
formで項目を連結したい
-
文字数を数える際に空白、改行...
-
クリックしたラジオボタンの行...
-
画面表示とともにtableの指定の...
-
ラジオボタンが選択されたらテ...
-
テーブル内のチェックボックス...
-
画面の2重起動をチェックする...
-
複数のselect値で1つも選択され...
-
Formのシリアライズができない
-
入力チェックの外部スクリプト...
-
JavaScriptでテーブルのソート...
-
jQuery テキストボックス読み取...
-
動的に生成されるラジオボタン...
-
localStorageでのcheckbox制御
-
Javascriptで自動的に計算する...
-
占いのプログラムについて
-
同一nameの input type="text"...
おすすめ情報