【jQUery】表示される数字をカンマで区切りたい
予約フォームを作っているのですが、
表示される合計金額をカンマ区切りで表示したいです。
(最高金額は360,000なので、カンマは1回で大丈夫です)
下記ソースですが、
toLocaleStringメソッドを使用するというのを見つけ、
Number($('.s.kingaku').text(n_s*p_s)).toLocaleString();
という風に書きましたが、変化はありませんでした。
別の方法でもいいので、どなたかご教示いただけませんでしょうか。
-----------js----------
$(function(){
$('[name=datename]').on('change',function(){
$(this).closest('label').nextAll('.parent:eq(0),.children:eq(0)').prop('disabled',!$(this).prop('checked'));
}).trigger('change');
$(':checkbox,select').on('change click',function(){
var souryo=0;
var p_s=9000;
var p_a=6000;
var n_s=0;
var n_a=0;
$('.parent:not(:disabled):not(:has(option[value=""]:selected))').each(function(){
if($(this).val()=="S") n_s+=parseInt($(this).next('.children').val());
if($(this).val()=="A") n_a+=parseInt($(this).next('.children').val());
});
$('.s.maisu').text(n_s);
$('.a.maisu').text(n_a);
$('.s.kingaku').text(n_s*p_s);
$('.a.kingaku').text(n_a*p_a);
if(n_s+n_a>=16){
souryo=1200;
}else if(n_s+n_a>=11){
souryo=1000;
}else if(n_s+n_a>=1){
souryo=850;
}
$('.souryo').text(souryo);
$('.all.kingaku').text(n_s*p_s+n_a*p_a+souryo);
}).eq(0).trigger('change');
});
----------html----------
<dd class="required">
<div id="result">
S席:合計<span class="s maisu">0</span>枚 × 9,000円 = <span class="s kingaku">0</span>円<br>
A席:合計<span class="a maisu">0</span>枚 × 6,000円 = <span class="a kingaku">0</span>円<br>
送料:<span class="souryo"></span>円(~10枚:850円,~15枚:1000円,16枚~:1200円)<br>
合計:<span class="all kingaku">0</span>円
</div>
</dd>
お礼
さっそくやってみたらできました! 素早い回答ありがとうございました!