1年に数回ぐらいしかjavascriptを作成しない初心者です。
よろしくお願いします。
入力フォームの中に1つの項目に2つのラジオボタンがあり、2番目を選択した際に
下にあるテキストボックスの入力を有効にしたいのですが、ラジオボタンのnameに( )がついており、
機能が上手く効きません。
送信時には、フリーでダウンロードしたcgiが機能して入力チェックを行なうため、その名前を変更することができないのですが、javascriptの上手く効く方法はありませんでしょうか?
<script language="javascript" type="text/javascript">
<!--
function txtinp() {
fObj = document.mailform;
fObj.その他_会社名.disabled = (fObj.会社名(必須)[1].checked) ? false : true ;
}
//-->
</script>
<form id="mailform" method="post" action="mailform/send.cgi" onsubmit="return sendmail(this);">
<input type="radio" name="会社名(必須)" value="○○株式会社" onclick="txtinp();" /> ○○株式会社
<input type="radio" name="会社名(必須)" value="その他" onclick="txtinp();" />
その他<br />
<p>*その他を選択の場合は、下記に会社名を入力してください</p>
<input type="text" name="その他_会社名" size="50" maxlength="50" class="mf" style="ime-mode:active;" onclick="txtinp();" disabled />
というようなソースとなっています。
根本的に記述方法などを理解していないので、分り易く教えていただけると助かります。
No.1ベストアンサー
- 回答日時:
name属性はさわらずに
onclick=txtinp();をonclick=txtinp(this.form);にして、
テキストボックスのonclick=txtinp();は意味不明なので削除して
scriptは↓のように
<form id="mailform" method="post" action="mailform/send.cgi" onsubmit="return sendmail(this);">
<input type="radio" name="会社名(必須)" value="○○株式会社" onclick="txtinp(this.form);" /> ○○株式会社
<input type="radio" name="会社名(必須)" value="その他" onclick="txtinp(this.form);" />
その他<br />
<p>*その他を選択の場合は、下記に会社名を入力してください</p>
<input type="text" name="その他_会社名" size="50" maxlength="50" class="mf" style="ime-mode:active;" disabled />
<script type="text/javascript">
function txtinp(frm) {
fObj = document.mailform;
frm.elements["その他_会社名"].disabled = (frm.elements["会社名(必須)"][1].checked) ? false : true ;
}
</script>
yyr446さんへ
バッチリです!!
本当に助かりました。ありがとうございます。
このようなタイプは、この例だけでないので、他にも活用させていただきます。
本当にありがとうございました!!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンのチェックが外れ...
-
アンダーバーのname値は取得で...
-
javascript作成してます。ラジ...
-
チェックボックスとテキストボ...
-
ラジオボタンにタブインデック...
-
ラジオボタンをタイトルに
-
JavaScript ラジオボタン デ...
-
データベースの値を判断してラ...
-
フォームPOST後「戻る」時のチ...
-
ラジオボタンのチェック数に応...
-
jQuery 変数の使い方について
-
チェックボックスのON/OFFでVal...
-
正規表現で複数マッチ条件で悩...
-
onchangeイベントを強制的に発...
-
プルダウン 項目が多いので先頭...
-
TextBoxに半角数字以外を入れた...
-
return trueとreturn falseの用...
-
【jQuery】input nameの文字列...
-
<input>の選択肢をプルダウンメ...
-
【jsp/Java】チェックボックス...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンにタブインデック...
-
ラジオボタンのチェックが外れ...
-
javascript作成してます。ラジ...
-
ラジオボタンでチェックした項...
-
ラジオボタンの値でリンク先を...
-
データベースの値を判断してラ...
-
Form内のselectを連動させるに...
-
フォームPOST後「戻る」時のチ...
-
【診断テストの作り方】結果に...
-
チェックボックスとテキストボ...
-
複数のラジオボタンでの選択で...
-
ラジオボタンのValueを受け取り...
-
チェックされたラジオボタンに...
-
ラジオボタンのリセット方法
-
チェックボックスのON/OFFに連...
-
JavaScript ラジオボタン デ...
-
jQueryで複数のラジオボタンを処理
-
ラジオボタンで診断テストを作...
-
ラジオボタンによる有効なボタ...
-
【javascript】firefoxでの、al...
おすすめ情報