質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
ラジオボタン

ラジオボタンはフォームに使われる要素のひとつであり、ユーザに限られた選択肢からひとつの答えを選んでもらうというものです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

0回答

833閲覧

ラジオボタンの選択変更した時に、計算式も自動的に更新したい

kaoringo

総合スコア2

ラジオボタン

ラジオボタンはフォームに使われる要素のひとつであり、ユーザに限られた選択肢からひとつの答えを選んでもらうというものです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

1クリップ

投稿2020/06/26 16:26

WordPressのZigaformというプラグインを使用して、窓清掃の見積りフォームを作成しています。

ラジオボタンをの一つを選択し、個数を選択するときちんと計算はされるのですが、
計算された後、選択したラジオボタンを他に変更しても計算された数字が変わりません。
ラジオボタンを変更した後、個数を換えると計算しなおされて表示してくれます。

ラジオボタンの選択で自動で計算しなおしてもらうにはどんな式を足したらいいでしょうか?

ラジオボタンは二つのグループがあり、
窓の枚数のスピナーを三つ、サイズごとに作っています。
イメージ説明

今はこの様な計算式を使用しています。
___________________________________________
var subTotal=0;
var total=0;
var comWinSmall=2; //商業施設の小さいサイズの窓の一枠の値段
var comWinRegular=3; //商業施設の標準的なサイズの窓の一枠の値段
var comWinLarge=5;  //商業施設の大きいサイズの窓の一枠の値段
var resWinSmall=3;  //住宅の小さいサイズの窓の一枠の値段
var resWinRegular=5;  //住宅の標準的なサイズの窓の一枠の値段
var resWinLarge=8; //住宅の大きいサイズの窓の一枠の値段

/*一つ目のラジオボタンのグループ
商業施設property_commercial
住宅property_residential
このどちらかを確認します。
二つ目のラジオボタンのグループ
片側のみside_OneSide
両サイドside_BothSide
このどちらかを確認し、両サイドはx2とします。

fld_uiaa2cr5irs_value-小さい窓がいくつあるか
fld_uiif03bzjml_value-標準サイズの窓がいくつあるか
fld_uiwb01xinft_value-大きいサイズの窓がいくつあるか
*/

if(document.getElementById('property_commercial').checked) {
subTotal=(comWinSmallfld_uiaa2cr5irs_value)+(comWinRegularfld_uiif03bzjml_value)+(comWinLargefld_uiwb01xinft_value);
total=subTotal;
if(document.getElementById('side_BothSide').checked) {
total=subTotal
2;
}
}else if(document.getElementById('property_residential').checked) {
subTotal=(resWinSmallfld_uiaa2cr5irs_value)+(resWinRegularfld_uiif03bzjml_value)+(resWinLargefld_uiwb01xinft_value);
total=subTotal;
if(document.getElementById('side_BothSide').checked) {
total=subTotal
2;
}
}else{
total=0;
}

return total;
________________________________________________

どうぞよろしくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2020/06/26 20:51

コードやエラーはマークダウンのcode機能を利用してご提示ください。 https://teratail.com/questions/238564 あと、HTMLも提示してください。 そして「選択したとき」「変更したとき」のイベントを拾う記述はどこでしょうか?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問