いつも『教えて!goo』を活用させていただきありがとうございます。
またお世話になます。
今回はJavascriptで自動計算させた合計金額を、別ページで表示させることで困っております。
同じページで合計金額の表示はでき、それを基にパラメータで引き渡そうとしているのですが、なかなかうまくいきません。
同じページで合計金額の表示のタグ構成は以下のとおりです。
<自動計算側ページ:index.html>============
<html>
<head>
<SCRIPT language="JavaScript">
<!--
function cal(f){
var price=0;
for(var i=0;i<f.length;i++){
if(f[i].type=="radio" && f[i].checked) price+=parseInt(f[i].value);
}
f.price.value=price;
}
//-->
</SCRIPT>
</head>
<body>
<form>
<p>
<input type="radio" name="group1" value="30" />金:30円
<input type="radio" name="group1" value="20" />銀:20円
<input type="radio" name="group1" value="10" />銅:10円
</p>
<p>
<input type="radio" name="group2" value="400" />ダイヤモンド:300円
<input type="radio" name="group2" value="300" />サファイア:200円
<input type="radio" name="group2" value="200" />ルビー:100円
<input type="radio" name="group2" value="100" />アメジスト:100円
</p>
<p>
<input type="radio" name="group3" value="3000" />リチウム:3,000円
<input type="radio" name="group3" value="2000" />チタン:2,000円
<input type="radio" name="group3" value="1000" />白金:1,000円
</p>
<hr />
<p><input type="button" value="合計金額を計算" onClick="cal(this.form)" /><br />
合計:<input type="text" name="price" style="text-align:right" size="10" />円</p>
</form>
</body>
</html>
<p><input type="button" value="合計金額を計算" onClick="cal(this.form)" /><br />
合計:<input type="text" name="price" style="text-align:right" size="10" />円</p>
の箇所を<input type="submit" value="次ページで計算" />に書き換えて、
function cal(f){内に
var pram="price="+price
location.href="price.html?"+price;
return false;
を追記し、以上でテストすると
<index.html?group1=30&group2=300&group3=1000#>といった風に
radioボタンのnameとvalueが付いてしまい<price.html>にリンクしません。
以下に<合計金額表示ページ:price.html>も明記させていただきますので
皆様には、大変ご迷惑をおかけしますが、何卒ご回答の程よろしくお願い申し上げます。
<合計金額表示ページ:price.html>============
<html>
<head>
<SCRIPT language="JavaScript">
<!--
function pramWrite() {
var pram=location.search;
if (!pram) return false;
pram=pram.substring(1);
document.form1.price.value=pram;
}
//-->
</script>
</head>
<body onload="pramWrite()">
<form name="form1" action="#">
合計:<input type="text" name="price" style="text-align:right" size="10" />円
</form>
</body>
</html>
No.2ベストアンサー
- 回答日時:
クッキー使った方が楽だろうね。
お礼が遅くなりました。
頭が堅いのかJavaScriptだけしか考えが浮かばなかったのですが
アドバイスの通りcookieの利用で対応いたしました。
もう少し広い視野で考えないといけませんね。
どうも回答ありがとうございます。
またよろしくお願いいたします。
No.1
- 回答日時:
あまり良く見てはいませんが、
とりあえず、formのsubmitがキャンセルされていないので、そちらが実行されているみたい。
onclick = "return cal(this.form);"
にすれば、動作するのでは?
あと、price.htmlでは、ロード後にスクリプトを実行するようにしないと、要素がないというエラーになりそう。
お礼が遅くなりました。
頭の中ではJavaScriptだけしか無かったのですが、
cookieを利用した方が簡単みたいなので
そちらで対応いたしました。
どうも回答ありがとうございます。
またよろしくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP php ログイン 1 2022/11/01 00:24
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンのValueを受け取り...
-
データベースの値を判断してラ...
-
ラジオボタンでFORMの属性を切...
-
javascriptでのアラート表示
-
フォームPOST後「戻る」時のチ...
-
ラジオボタンとif文
-
ラジオボタンのチェックが外れ...
-
ラジオボタンのチェック数に応...
-
value内に変数を入れたい
-
プルダウン 項目が多いので先頭...
-
SELECTタグで変更禁止にする方法
-
画面表示とともに、テーブルの...
-
[javascript]</TDと</TR以外で...
-
特定<table>内の<td>の色を変える
-
ラジオボタンによるフォームの...
-
VBscriptの配列変数をJavascrip...
-
ハイパーリンクを別ウインドウ...
-
送信フォームで送信ボタンをお...
-
onchangeイベントを強制的に発...
-
onClick="this.form.submit
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンにタブインデック...
-
データベースの値を判断してラ...
-
ラジオボタンのチェックが外れ...
-
ラジオボタンの値でリンク先を...
-
javascript作成してます。ラジ...
-
Jvasvriptのlengthで個数が取得...
-
ラジオボタンのValueを受け取り...
-
チェックされたラジオボタンに...
-
ラジオボタンの分岐方法に関して
-
ラジオボタンのリセット方法
-
ラジオボタンでdisabledとchecked
-
フォームPOST後「戻る」時のチ...
-
ラジオボタンのチェック数に応...
-
アンダーバーのname値は取得で...
-
ラジオボタン未チェックの場合...
-
javascriptでのアラート表示
-
javascriptによる動的なリンク...
-
ラジオボタンを使って、検索ペ...
-
リセットボタンでクリアできな...
-
ラジオボタンで選択した項目の...
おすすめ情報