dポイントプレゼントキャンペーン実施中!

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

以下はその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>

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

A 回答 (2件)

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


どうでしょ?

<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>
    • good
    • 0
この回答へのお礼

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

お礼日時:2005/11/09 18:04

この質問は、


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

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

この回答への補足

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

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

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

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

補足日時:2005/11/09 10:03
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!