ラジオボタンと連動させたいです

締切済

質問者：japex2
質問日時：2005/03/02 14:19
回答数：3件

3つのラジオボタンとその右側に3つのテキストの枠があるとします。
例として（(1)tel/(2)fax/(3)mail）いずれかのラジオボタンを選択して、それぞれの右側にあるテキスト枠に電話番号などを入力してもらうようにしたいのです。
そこで、何もラジオボタンを選択していない状態だと右側のテキスト枠すべてを灰色で表示させて入力できなくし、たとえばその3つの内の(2)faxのラジオボタンを選択するとその行の右側にあるテキスト枠が入力できるようにしたいのですがどのようにすればできますでしょうか。
わかりにくい表現ですが宜しくお願いします。

通報する

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

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： UsadaYusuke
回答日時：2005/03/02 15:54

>javascriptを<head>内で記入しますとOCNが提供しているCGIのformmail(OCN独自のCGI)が機能しなくなりました。

本当にそれが問題でしょうか。
<form>タグの属性や値(actionとかmethodとか)、または必要な<input type="hidden" ..>などが足りなかったりはしないでしょうか。

↓OCNのformmailを利用するのに入力画面に必要な、formやinputの属性やその値などは下記URLに説明があります。

参考URL：http://www.ocn.ne.jp/myhosting/howto/6-3c-3-4.ht …

- 0
- 件

通報する

この回答へのお礼

><form>タグの属性や値(actionとかmethodとか)、または必要な<input type="hidden" ..>などが足りなかったりはしないでしょうか。

その辺は大丈夫だと思います。教えていただいたjavascriptを外せばformmailは機能します。

通報する

お礼日時：2005/03/02 16:36

No.2

回答者： hinatamama
回答日時：2005/03/02 15:34

> そこでこちらのjavascriptを<body>内にすべて記述することは、可能なのでしょうか？

可能ですよ。
<form>より上に<script>～</script>までを記述するだけです。

- 0
- 件

通報する

No.1

回答者： UsadaYusuke
回答日時：2005/03/02 14:43

・初期状態ではtext部品に「disabled」属性を設定しておく

・ラジオボタンがクリックされたことを(onclickで)感知してJavaScriptコードを実行させる
・JavaScriptでtext部品のdisabledプロパティの値(true/false)をいじくって切り替える

という手順で実現できます。

言葉で説明するのは難しいので以下のコードを見て(分からなければ解説本などを引きながら)動作を追ってみてください。

* * * 以下、サンプルコード

<html>
<head>
<script type="text/javascript">

</script>
</head>

<body>

<form>
<input type="radio" name="renraku" value="tel" onclick="my_toggle(document.forms[0].tel_ban);">tel<input type="text" name="tel_ban" disabled><br>
<input type="radio" name="renraku" value="fax" onclick="my_toggle(document.forms[0].fax_ban);">fax<input type="text" name="fax_ban" disabled><br>
<input type="radio" name="renraku" value="mail" onclick="my_toggle(document.forms[0].mail_add);">mail<input type="text" name="mail_add" disabled><br>
<form>

</body>
</html>

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。こちで動作確認できました。しかし１つ問題がでまして、javascriptを<head>内で記入しますとOCNが提供しているCGIのformmail(OCN独自のCGI)が機能しなくなりました。そこでこちらのjavascriptを<body>内にすべて記述することは、可能なのでしょうか？
ちなみにOCNのレンタルサーバーを使用しておりプランを上げるとお客様独自のCGIを設置することが出来ますとのことですが、私自身そのような知識がありませんので宜しくお願いします。

通報する

お礼日時：2005/03/02 15:14

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