jQuery 文字列の足し算

Question

###チェックボックス、ラジオボタンのチェックで、自動オプションの見積機能を作製しましたが、トータルの足し算がうまくいきません。

結果は、基本料金10,000に対して、
10,000 300 500 1000 といったように文字列が連なるだけです。

       <!--基本料金を表示(半角カンマ付き)-->
　　　<div class="first_box"><span id="baseprice">10,000</span>円</div>

<!-- 以下オプション選択-->
<form  name="myform">

          <div>キッチン</div>
             <div><input type="checkbox" onclick="keisan()"> いる</div>

          <div>床を仕上げる</div>
            <div><input type="checkbox" onclick="keisan()"> いる</div>

          <div>１室を仕切る </div>
            <div><input type="radio" name="radio" onclick="keisan()">１個室</div>
            <div><input type="radio" name="radio" onclick="keisan()"> ２個室</div>
            <div><input type="radio" name="radio" onclick="keisan()"> ３個室</div>
            <div><input type="radio" name="radio" onclick="keisan()" checked> 仕切らない</div>
  
          <div>1室の基本設備を追加</div>
            <div class="ib rblock rmb10 mr20 vat"><input type="checkbox" onclick="keisan()"> いる</div>

          <div>LDKの基本設備を追加 </div>
            <div><input type="checkbox" onclick="keisan()"> いる</div>

       <!--結果 元々の基本料金を表示(半角カンマ付き)-->
　　　<div id="second_result"><span class="second_box">10,000</span>円</div>

 </form>

      price=new Array();
      price[0]=1100;
      price[1]=3000;
      price[2]=500;
      price[3]=600;
      price[4]=700;
      price[5]=0;
      price[6]=560;
      price[7]=200;

      function keisan(){
      goukei=$("#baseprice").text();
      for(i=0;i<=7;i++){
      if(document.myform.elements[i].checked==true){
      goukei=goukei+price[i];
      }
      }
      $(".second_box").text(goukei);
      }

計算はうまくいきましたが、金額を足した数値だけをカンマ表示したいです。

ご教授願えましたら教えて頂きたいです。

Answer 1

function keisan(){
  goukei=parseInt($("#baseprice").text().replace(/,/g,''));
  $('[name=myform] :checked').map(function(){
    goukei+=price[$('[name=myform] ').find('input,select').index(this)];
  })
  $(".second_box").text(goukei.toLocaleString());
}

Comments

[yuuusuke]

ありがとうございました。
凄すぎます