javascript - Onchange 在小数点后添加 2 位数字

Question

我有一张我正在处理的收据，可以为我做数学计算。我需要将结果显示为美元价值。

我的 HTML：

<input type="text" name="copy1" id="copy1" size="4" maxlength="10" onchange="calculate(this.value)">
<input type="text" name="copycosts" id="copycosts" size="4" VALUE=""/>

我的 JavaScript：

<script type="text/javascript">
function calculate(){
var copy1value = parseFloat(document.getElementById("copy1").value, 10);
document.getElementById("copycosts").value = copy1value * 0.50;
}
</script>

乘法完成后如何添加2位小数？例如 13 * 0.50 = 6.5 - 我希望它说 6.50。

提前致谢。

Answer 1

使用toFixed()（将数字转换为字符串）：

document.getElementById("copycosts").value = (copy1value * 0.50).toFixed(2);

如果您将来需要操作此数字，则需要使用parseFloat()：

var numFromCopycosts = parseFloat(document.getElementById('copycosts').textContent);

参考：

• Number.toFixed().
• parseFloat().

Answer 2

使用下面的代码也可以对数字进行四舍五入：

(Math.round(copy1value * 0.50 * 100) / 100).toFixed(2);

例子

 1.345 will be rounded off to 1.35

添加了jsfiddle：http: //jsfiddle.net/FQTqk/297/

Answer 3

您可以使用 toFixed：

var val = copy1Value.toFixed(2);