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

标签 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$ 这种形式

非常感谢阅读我!

最佳答案

<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 .

关于javascript - 使用 Javascript 在我的网站上格式化数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47734928/

相关文章:

javascript - 更改按钮上的鼠标光标 - 与指针垂直

javascript - jQuery UI Draggable/Sortable 查找您拖动的元素

php - 在选择更改时使用数据库数据填充输入

html - 列表中图像旁边的最小 css/html 文本段落

javascript - 在 x 轴和带有时间刻度的线之间添加空间

javascript - 使用 JQuery 切换 div 并切换链接文本

javascript - 使用history.back时保留AJAX生成的内容

html - Bootstrap 3 列内的相对 div 不受尊重

html - Woocommerce 产品选项 - 突出显示所选选项

html - 在响应式布局中成对堆叠表格中的单元格