選択したたラジオボタンの値をSUBMITボタンの名前として自動的に替えたいのですが、助言をいただけますか。
イメージは下記です。★の部分に、クリックごとにradioの値を入れたいのです。
<script Language="JavaScript"><!--
function set()
{
n = document.myFORM.Radio.value;
}
// -->
</script>
<FORM ACTION="add.cgi" METHOD="POST" name="myFORM">
<INPUT TYPE="RADIO" NAME="Radio" VALUE="東京" onclick="set()" CHECKED>
<INPUT TYPE="RADIO" NAME="Radio" VALUE="大阪">
<INPUT TYPE="SUBMIT" NAME="Submit" VALUE="★"></form>
No.1ベストアンサー
- 回答日時:
Win98 + IE5.5SP1で試してみました。
どうもType=Radioの時は、Submit前はname属性でデータを指定してもUndefinedにしかならないようなので、この場合はelements[]配列を使うのが良さそうです。
ちなみに下記のHTMLだと、画面に最初に表示された時の初期値はBodyタグのonLoadで関数を呼び出して初期化してます。
<html>
<head>
<script Language="JavaScript">
<!--
function set( n ) {
document.myFORM.Submit.value = document.myFORM.elements[n].value;
}
// -->
</script>
</head>
<body onLoad="set(0);">
<FORM ACTION="add.cgi" METHOD="POST" name="myFORM">
<INPUT TYPE="RADIO" NAME="Radio" VALUE="東京" onClick="set(0);" CHECKED>
<INPUT TYPE="RADIO" NAME="Radio" VALUE="大阪" onClick="set(1);">
<INPUT TYPE="SUBMIT" NAME="Submit" VALUE="★">
</form>
</body>
</html>
回答ありがとうございました。回答前にいくつか試したら「Undefined」が出てきて意味がわかりませんでしたが、回答で意味が少しわかりました。おかげさまで、目的の動作確認ができました。
#送信時に選択内容を確認するための部品として活用させていただきます。
#javascript初心者ですが勉強になります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- PHP $_SESSIONについて教えて下さい。 2 2023/03/02 09:18
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryのdatepickerの日付が選...
-
VBSからjavascript
-
onBlurのイベントを使ってデー...
-
ページ間で変数を保持したい
-
HTMLファイル同士での値渡し
-
フォームの内容でリンク先URLの...
-
カーソルが当たった箇所に吹き...
-
マイナスなら赤字で表示したい...
-
テキストエリアに履歴を残したい
-
どちらかひとつのテキストボッ...
-
プルダウンで選択された値を別...
-
JavaScriptの値を、cgiに渡す方...
-
フォームの項目を途中で増やせ...
-
VBscriptの配列変数をJavascrip...
-
tabindexの取得
-
JSで一つのボタンを押したとき...
-
テキストボックスに入力した色...
-
正規表現で複数マッチ条件で悩...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLとJavaScriptで作った表示...
-
GetElementByIdがうまく取得で...
-
tabindexの取得
-
TextBoxに半角数字以外を入れた...
-
JavaScriptで作ったアプリが正...
-
プルダウンで選択された値を別...
-
HTMLファイル同士での値渡し
-
フォームの内容でリンク先URLの...
-
ページ間で変数を保持したい
-
テキストボックスに初期値で1...
-
javascriptのちょっとした動作...
-
入力するテキストエリアをボタ...
-
jQueryのdatepickerの日付が選...
-
JSPでonChangeを強制発行するに...
-
マイナスなら赤字で表示したい...
-
大文字か小文字かを判断する方法
-
VBscriptの配列変数をJavascrip...
-
一部Enter無効化の方法を教えて...
-
テキストエリアに履歴を残したい
-
フォーカスが外れた時の入力チ...
おすすめ情報