プロが教えるわが家の防犯対策術！

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

解決済

  • 質問者：cheb
  • 質問日時：
  • 回答数：1件

まず、サンプルのHTMLソースを書きます。

<html>
<head>
<title>プレゼント
</title>
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">
希望する<br>
<input type="radio" name="f000016397" value="2">
希望しない<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>

この中で、「プレゼントを希望する」のラジオボタンをチェックした場合のみ、下のテキストボックスにカラーが入力できるようにしたいと思います。
「プレゼントの希望をしない」を選択しているのに、テキストボックスに文字が入力されたないように制御することはできるでしょうか？またはデータが送信されないで警告k画面が出る方法でもよいのですが。

宜しくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： taka451213
  • 回答日時：

こんにちは。



方法がたくさんありすぎて、全部書けませんが・・・、
<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」するとか・・・。

お好みでどうぞ・・・。
(^^ゞ
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございました。大変参考になりました。

通報する
お礼日時：2004/12/10 00:31

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

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報