JavaScript显示价格，小数点后两位

Question

我有一个表格，其中有5个字段供用户放置，他们希望为5个单独的项目支付多少费用。 然后，我将其自动总计在底部。 由于这笔款项会转到付款网关，因此我需要将其四舍五入到小数点后两位。

有人可以告诉我如何更改代码来做到这一点吗？ 我是这个新手。

这是我的代码：

<script>
    function calculatepay(pay) {
var one = document.getElementById(pay + 'Student1Total').value;
var two = document.getElementById(pay + 'Student2Total').value;
var three = document.getElementById(pay + 'Student3Total').value;
var four = document.getElementById(pay + 'Student4Total').value;
var five = document.getElementById(pay + 'Student5Total').value;

var payTotal = document.getElementById(pay + 'payTotal');
payTotal.value = Number(one) + Number(two) + Number(three) + Number(four) + Number(five) ;
    calculateTotal();
}


</script>


<input type="text" id="pay1Student1Total" name="data1" onKeyUp="calculatepay('pay1');" /><br />
<input type="text" id="pay1Student2Total" name="data2" onKeyUp="calculatepay('pay1');" /><br />
<input type="text" id="pay1Student3Total" name="data3" onKeyUp="calculatepay('pay1');" /><br />
<input type="text" id="pay1Student4Total" name="data4" onKeyUp="calculatepay('pay1');" /><br />
<input type="text" id="pay1Student5Total" name="data5" onKeyUp="calculatepay('pay1');" /><br /><br /><br />
Total: 
<input type="text" id="pay1payTotal" onKeyUp="calculateTotal();" value="0"/><br /><br />

Answer 1

您可以在JavaScript中使用toFixed（2）函数将数字转换为固定值。

它的用法如下：

payTotal.value.toFixed(2)

因此，如果输入值为1，则看起来像1.00

Answer 2

使用此方法： toFixed(2); 它将四舍五入到小数点后两位

Answer 3

您可以使用.toFixed（）方法：

var x = 5.1232;
console.log(x.toFixed(2));

Answer 4

您可以使用Math.round(num * 100) / 100