Javascript 計算後の３桁区切り

質問

ホームページ用見積もりフォームをJavascriptで自動計算
縦に長いページで一番下に計算結果を表示
ページをスクロールしても、何時でも計算結果が見られるように、別のウィンドウ（レイヤー）でページ内に表示。

以上までは出来ました。

最後に計算結果を３桁区切りで表示させたいのですが、上手く出来ません。

お知恵をお貸しくださいませ。

Javascriptは外部参照しております。

３桁区切りのJavascriptを外部参照している同一のページに記入した方が良いか、別参照の方が良いかも教えていただければ幸いです。

以下がJavascriptのコードになります。

function keisan(){

// 設定開始

var tax = 5; // 消費税率

// 商品1
var price1 = document.form1.goods1.options[document.form1.goods1.selectedIndex].value;

// 商品2
var price2 = document.form1.goods2.options[document.form1.goods2.selectedIndex].value;

// 商品3
var price3 = document.form1.goods3.options[document.form1.goods3.selectedIndex].value;

// 合計を計算
var total1 = parseInt(price1) + parseInt(price2) + parseInt(price3) ;

// 設定終了

document.form1.field_total1.value = total1; // 合計を表示

var tax2 = Math.round((total1 * tax) / 100);
document.form1.field_tax.value = tax2; // 消費税を表示

document.form1.field_total2.value = total1 + tax2; // 税込合計を表示

//右の窓に表示する金額
document.getElementById("display_account_amount").innerHTML = total1;
document.getElementById("display_account_tax").innerHTML = tax2;
document.getElementById("display_account_all").innerHTML = total1 + tax2;
}

回答No.1

Ogre7077 · ベストアンサー

値を３桁区切りに整形する関数を用意します

function editNumberSeparated(num) {
var t, s = num.toString();
do { t = s; s = t.replace(/^([\+\-]?\d+)(\d\d\d)/,"$1,$2") } while (t != s);
return s;
}

値を画面表示させる処理に、上記関数をかませます

要素.value = total1;
→ 要素.value = editNumberSeparated(total1);

要素.innerHTML = total1 + tax2;
→ 要素.innerHTML = editNumberSeparated(total1 + tax2);

スクリプトが全て外部参照されているならば、上記関数もそこに混ぜ込むのが適当かと思います。

お礼

Ogre7077様。

素早いご返事をありがとうございます。
早速入力しました。
予想以上です！！
しっかりと作動いたしました～～
ありがとうございます。

助かりました～～Ｏ(≧▽≦)Ｏ

本当にありがとうございます。