后千元添加在JavaScript

问题描述：

我使用滑动输入与下面的JavaScript逗号，后千元添加在JavaScript

<script type="text/javascript"> 
    jQuery(document).ready(function(e){ 
     var val1 = 0; 
     var val2 = 0; 
     $("#ex1").slider(); 
     $("#ex1").on("slide", function(slideEvt1) { 
      //$("#ex1SliderVal").text((Number(slideEvt1.value) * 2.90) + (Number(val2) * 0.30)); 
      val1 = Number(slideEvt1.value); 

      $("#ex1SliderVal").text((Number(val1) * 0.0290) + (Number(val2) * 0.30)); 

      $("#ex2SliderVal").text((Number(val1) * 0.0199) + (Number(val2) * 0.15)); 

      $("#ex3SliderVal").text((Number(val1) * 0.0225) + (Number(val2) * 0.10)); 

      $("#showex1").text(Number(val1)); 
      //console.log(val1) 
     }); 
}); 
</script> 

<div class="col-xs-12"> 
       <input id="ex1" type="text" data-slider-min="0000" data-slider-max="8000" data-slider-step="1" data-slider-value="0"/> 
       <span><span style="margin-left: 30px; font-size:14px;"id="showex1">0</span></span> 
      </div>

这是正常工作。只有我想在数千人之后添加逗号。 like 2,000 80,000 170,000

请帮我补充一点。谢谢+

谷歌？ http://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript - 你有没有试过这个解决方案？什么地方出了错？ –

对我而言不起作用@ RokoC.Buljan –

“不为我工作”是什么意思？你使用@ RokoC.Buljan链接的问题是什么？ – pooyan

答

这样你可以使用@ RokoC.Buljan有用的链接，你的代码

：

<script type="text/javascript"> 
jQuery(document).ready(function(e){ 
    var val1 = 0; 
    var val2 = 0; 
    $("#ex1").slider(); 
    $("#ex1").on("slide", function(slideEvt1) { 
     //$("#ex1SliderVal").text((Number(slideEvt1.value) * 2.90) + (Number(val2) * 0.30)); 
     val1 = Number(slideEvt1.value); 

     $("#ex1SliderVal").text(((Number(val1) * 0.0290) + (Number(val2) * 0.30)).toLocaleString();); 

     $("#ex2SliderVal").text(((Number(val1) * 0.0199) + (Number(val2) * 0.15)).toLocaleString();); 

     $("#ex3SliderVal").text(((Number(val1) * 0.0225) + (Number(val2) * 0.10)).toLocaleString();); 

     $("#showex1").text((Number(val1)).toLocaleString();); 
     //console.log(val1) 
    }); 
}); 
</script>

这里我使用了已被提到.toLocaleString();功能该链接。

答

这个怎么样？只是一个小例子

\t var mynumber = document.getElementById("mynumber").innerHTML; 
 
\t mynumber = parseInt(mynumber); 
 
\t document.getElementById("mynumber-after").innerHTML = mynumber.toFixed(0).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");

<div id="mynumber">80000</div> 
 
<div id="mynumber-after"></div>

答

您可以使用Intl.NumberFormat

例如：

var formatter = new Intl.NumberFormat('en-US', { 
 
    style: 'currency', 
 
    currency: 'USD', 
 
    minimumFractionDigits: 2, 
 
}); 
 

 
$("button").on("click", function() { 
 
    $("span").text(formatter.format(80000)) 
 
    //If you do not want to see the currenycy symbol 
 
    // $("span").text(formatter.format(80000).substr(1)) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<button>Calculate</button> 
 

 
<span></span>

后千元添加在JavaScript

相关推荐