フォームタグの中のラジオボタンの選択による制御

2004/12/09 16:28

このQ&Aのポイント

フォームタグ内のラジオボタンの選択によって、特定の条件を制御する方法について教えてください。
サンプルのHTMLソースを使用して、プレゼントの希望をするかしないかによって、カラーボックスの制御を実現したいです。
プレゼントの希望をしない場合には、カラーボックスに文字が入力されないように制御する方法や、データが送信されないで警告画面が表示される方法について教えてください。

cheb
お礼率74% (20/27)

JavaScript
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

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

ベストアンサー

taka451213
ベストアンサー率47% (436/922)

2004/12/09 17:17 回答No.1

こんにちは。方法がたくさんありすぎて、全部書けませんが・・・、 <html> <head> <title>プレゼント </title> <script language="javascript"> function hideObj(obj) { if(obj.checked==true){ document.all.f000009756.style.visibility='hidden'; } } function showObj(obj) { if(obj.checked==true){ document.all.f000009756.style.visibility='visible'; } } </script> <head> <body> <center> <form method="post" action="https://regist02.smp.ne.jp/regist/Reg2"> <table cellspacing="2" cellpadding="5" border="1"> <tr> <td>プレゼント</td> <td> <input type="radio" name="f000016397" value="1" onclick="showObj(this);"> 希望する<br> <input type="radio" name="f000016397" value="2" onclick="hideObj(this);"> 希望しない<br> </td> </tr> <tr> <td>カラー</td> <td> <input type="text" name="f000009756" value="" maxlength="6"> </td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" value="送信"> </td> </tr> </table> </form> </center> </body> </html> とか、「visibility」じゃなくて、「disabled」にしたり・・・、「submit」を「button」に変えて、「onclick」でチェックして、OKなら「submit」するとか・・・。お好みでどうぞ・・・。 (^^ゞ

質問者