こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

ラジオボタンとテキストボックスで、ボタン選択時のテキストボックスの入力チェックするにはどうしたらよいでしょうか?

ラジオボタンとテキストボックスの組合わせで使用し、ラジオボタン選択時のテキストボックスの入力チェックをするにはどうしたらよいのでしょうか?

以下はそのhtmlソースになります。

<table border="0" cellspacing="2" cellpadding="0">
<tr>
<td><input type="radio" name="addsearch" value="検索エンジン" id="p1"></td>
<td colspan="2"><label for="p1"><span class="stress2">検索エンジン</span></label></td>
</tr>
<tr>
<td></td>
<td>検索エンジン名</td>
<td><INPUT TYPE=text NAME="addsearch1" VALUE="" SIZE=40></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" value="ご紹介で" id="p2"></td>
<td colspan="2"><label for="p2"><span class="stress2">ご紹介で</span></label></td>
</tr>
<tr>
<td></td>
<td>ご紹介者のお名前をおしえてください。</td>
<td><INPUT TYPE=text NAME="addsearch2" VALUE="" SIZE=40></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" value="広告を見て" id="p3"></td>
<td colspan="2"><label for="p3"><span class="stress2">広告を見て</span></label></td>
</tr>
<tr>
<td></td>
<td>どこの広告ですか?</td>
<td><INPUT TYPE=text NAME="addsearch3" VALUE="" SIZE=40></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" value="その他" id="p4"></td>
<td colspan="2"><label for="p4"><span class="stress2">その他</span></label></td>
</tr>
<tr>
<td></td>
<td>具体的にお願いします。</td>
<td><INPUT TYPE=text NAME="addsearch4" VALUE="" SIZE=40></td>
</tr>
</table>

よろしくおねがいいたします。

投稿日時 - 2005-11-08 18:10:24

QNo.1766047

すぐに回答ほしいです

質問者が選んだベストアンサー

ちょっとはしょっちゃいましたがこんなんで
どうでしょ?

<form>
<table border="1">
<tr>
<td><input type="radio" name="addsearch" onClick="focusText(this,1)"></td>
<td colspan="2">検索エンジン</td>
</tr>
<tr>
<td><br></td>
<td>検索エンジン名</td>
<td>
<INPUT TYPE=text NAME="addsearch1" SIZE=40 onFocus="checkRadio(this,0)">
</td>
</tr>
<tr>
<td><input type="radio" name="addsearch" onClick="focusText(this,2)"></td>
<td colspan="2">ご紹介で</td>
</tr>
<tr>
<td><br></td>
<td>ご紹介者のお名前をおしえてください。</td>
<td><INPUT TYPE=text NAME="addsearch2" SIZE=40 onFocus="checkRadio(this,1)"></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" id="p3" onClick="focusText(this,3)"></td>
<td colspan="2">広告を見て</td>
</tr>
<tr>
<td><br></td>
<td>どこの広告ですか?</td>
<td><INPUT TYPE=text NAME="addsearch3" SIZE=40 onFocus="checkRadio(this,2)"></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" value="その他" id="p4" onClick="focusText(this,4)"></td>
<td colspan="2">その他</td>
</tr>
<tr>
<td><br></td>
<td>具体的にお願いします。</td>
<td><INPUT TYPE=text NAME="addsearch4" VALUE="" SIZE=40 onFocus="checkRadio(this,3)"></td>
</tr>
</table>
</form>

<script language=javascript>
function checkRadio(num,n){
num.form.addsearch[n].checked=true
}
function focusText(num,n){
num.form.elements["addsearch"+n].focus()
}
</script>

投稿日時 - 2005-11-09 13:11:32

お礼

理想以上のご回答でございました、ありがとうございます!

投稿日時 - 2005-11-09 18:04:54

ANo.2

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

この質問は、
(1)ラジオボタンがチェックされている場合にだけ
そのテキストボックスが入力可能にしたい
(2)テキストボックスに入力しようとフォーカス
したら対応するラジオボタンにチェックをつけたい
(3)ぜんぜん違う

のいずれをしたいのでしょうか?

投稿日時 - 2005-11-08 21:19:00

補足

ご回答ありがとうございます!
言葉足らずで申し訳ございませんでした。

列挙させていただいた中の

(2)テキストボックスに入力しようとフォーカス
したら対応するラジオボタンにチェックをつけたい

が私の希望でございます。
もしよろしかったらご教授いただけませんでしょうか?

投稿日時 - 2005-11-09 10:03:22

あなたにオススメの質問