【JavaScript】ラジオボタンにより、formのaction内容を変更したいのですが・・・。
どのラジオボタン(ここでは『A』と『B』とします)をチェックされたかにより、
<form action="(ここの部分)">
(ここの部分)と書かれたformのactionの内容を変えたいのです。
例)
『A』のラジオボタンをチェック → <form action="a.php">になる
『B』のラジオボタンをチェック → <form action="b.php">になる
このようにしたいのです。
どうかよろしくお願いします。
No.2
- 回答日時:
onsubmitで処理するのが吉
<script>
function check(f){
var r=f.elements["r"];
var flg=false;
var list={"A":"a.php","B":"b.php","C":"c.php"};
for(var i=0;i<r.length;i++){
if(r[i].checked){
f.action=list[r[i].value];
flg=true;
break;
}
}
if(!flg) alert("チェックしてね")
return flg;
}
</script>
<form onSubmit="return check(this)">
<input type="radio" name="r" value="A">A
<input type="radio" name="r" value="B">B
<input type="radio" name="r" value="C">C
<input type="submit" value="go">
</form>
毎度毎度、ありがとうございます。
今回は、早く回答してくださった方にベストアンサーをつけさせていただきました。
yambejpさんのコードでも動作確認が出来ました。
ありがとうございました。
No.1ベストアンサー
- 回答日時:
function gamenchange(){
if (document.myform.radio01.value=="1"){
document.myform.action="a.php";
}else{
document.myform.action="b.php";
}
document.myform.submit();
}
----------------------
<form action="#" method="post">
<input type="radio" name="radio01" value="1">ラジオボタンA
<input type="radio" name="radio01" value="2">ラジオボタンB
<input type="submit" onclick="gamenchange()">
</form>
----------------------
submitボタンを押したときにfunctionでaction先をセットする・・・のはいかがでしょう?
早速の回答ありがとうございます。
お蔭様で上手くページを分岐させることが出来ました。
実はheaderやinclude等を使おうともしていたのですが、
それだとpostの内容を渡すことが出来なかったもので・・・。
助かりました、本当にありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- PHP 掲示板の$_GETで質問があります。 1 2022/04/30 00:23
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンにタブインデック...
-
ラジオボタンの値でリンク先を...
-
ラジオボタン未チェックの場合...
-
ラジオボタンでdisabledとchecked
-
チェックされたラジオボタンに...
-
ラジオボタンの未選択アラート/...
-
診断サイトの作り方
-
jsでラジオボタンによって表示...
-
Jvasvriptのlengthで個数が取得...
-
リセットボタンでクリアできな...
-
データベースの値を判断してラ...
-
チェックボックスのON/OFFに連...
-
ラジオボタンのチェックが外れ...
-
javascriptで日付+乱数+選択...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
【jQuery】input nameの文字列...
-
チェックボックスのON/OFFでVal...
-
特定<table>内の<td>の色を変える
-
3桁区切りのカンマをつけたい...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンのチェックが外れ...
-
javascript作成してます。ラジ...
-
ラジオボタンにタブインデック...
-
Jvasvriptのlengthで個数が取得...
-
ホームページ作成について。
-
データベースの値を判断してラ...
-
フォームPOST後「戻る」時のチ...
-
ラジオボタンでdisabledとchecked
-
Form内のselectを連動させるに...
-
チェックされたラジオボタンに...
-
アンダーバーのname値は取得で...
-
ラジオボタンのリセット方法
-
jQueryで複数のラジオボタンを処理
-
ラジオボタンの分岐方法に関して
-
javascriptによる動的なリンク...
-
radio選択をクッキーに保存させ...
-
jQuery 変数の使い方について
-
ラジオボタンでチェックした項...
-
チェックボックスとテキストボ...
-
JavaScriptでラジオボタンのチ...
おすすめ情報