使用Javascript格式化我的网站上的数字

时间:2017-12-10 01:14:09

标签: javascript html css format

我在我的网站上使用javascript进行简单的计算,结果应该是以美元计算的金额,这意味着我需要该结果包含逗号来分隔数千个。我尝试应用我在网上找到的一些解决方案,但很难适应我的代码。这就是我所拥有的:

<script>
 $('#results').hide();
 function multiplyBy()
{
       num1 = document.getElementById("firstNumber").value;
       num2 = document.getElementById("secondNumber").value;
       result = (num2*37)-(num1*4);
       document.getElementById("result").innerHTML = result;
       $('#results').show();
}
</script>

结果实际上是XXXXXXX $的形式,我希望它的格式为X,XXX,XXX $

非常感谢您阅读我!

1 个答案:

答案 0 :(得分:2)

<script>
 $('#results').hide();
 function multiplyBy()
{
       num1 = document.getElementById("firstNumber").value;
       num2 = document.getElementById("secondNumber").value;
       result = (num2*37)-(num1*4);
       document.getElementById("result").innerHTML = result.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
       $('#results').show();
}
</script>

应为您添加逗号分隔。顺便说一句,正则表达式来自How to print a number with commas as thousands separators in JavaScript