jQuery限制为小数点后2位[重复]

Posted 2023-04-14

【中文标题】jQuery限制为小数点后2位[重复]

【英文标题】：jQuery limit to 2 decimal places [duplicate]

【发布时间】：2010-06-11 04:57:36

【问题描述】：

可能重复：javascript: formatting number with exactly two decimals

如何将以下 jQuery 返回到小数点后 2 位？

$("#diskamountUnit").val('$' + $("#disk").slider("value") * 1.60);

我想我必须将 toFixed(2) 扔到那里的某个地方，但我似乎无法正确排序。

【参考方案1】：

您可以使用变量进行计算，并在设置#diskamountUnit 元素值时使用toFixed：

var amount = $("#disk").slider("value") * 1.60;
$("#diskamountUnit").val('$' + amount.toFixed(2));

您也可以在 val 方法调用中一步完成，但 IMO 第一种方式更具可读性：

$("#diskamountUnit").val('$' + ($("#disk").slider("value") * 1.60).toFixed(2));

【讨论】：

大声笑！...你们俩都很好理解...在这里我很困惑toFixed()是什么...哈哈！

@Reigel: 大声笑，toFixed 是一种可用于Number 对象和值的方法，它返回包含以定点表示法 表示的数字的字符串，例如：1.2345.toFixed(2); //--> "1.23"，所以 OP 想要显示这个格式化的数字来表示货币金额 '$' + amount.toFixed(2) --> "$1.23" ;)

酷！...我是个菜鸟...我在 JS 中的第一个真正工作已经是使用 jQuery...所以还有更多关于 JS 的东西我不知道，那就是不是主要在 jQuery 中使用...谢谢！

【参考方案2】：

以下是 Javascript 和 jQuery 中的一个工作示例：

http://jsfiddle.net/GuLYN/312/

//In jQuery
$("#calculate").click(function() 
    var num = parseFloat($("#textbox").val());
    var new_num = $("#textbox").val(num.toFixed(2));
);


// In javascript
document.getElementById('calculate').onclick = function() 
    var num = parseFloat(document.getElementById('textbox').value);
    var new_num = num.toFixed(2);
    document.getElementById('textbox').value = new_num;
;
​

【讨论】：

感谢toFixed()这个功能非常有用和简单..