2位小数的格式数字 - jquery [重复]

Posted 2023-04-14

【中文标题】2位小数的格式数字 - jquery [重复]

【英文标题】：Formatting number for 2 decimals - jquery [duplicate]

【发布时间】：2016-09-27 18:48:10

【问题描述】：

我有以下 jquery 函数，它根据单选按钮选项的选择自动填充文本框：

<script>
    $(document).ready(function() 
        $("#DinnerYes").click(function() 
            $("#ThursdayDinnerFee").attr("value", 90);
        );
    );
    $(document).ready(function() 
        $("#DinnerNo").click(function() 
            $("#ThursdayDinnerFee").attr("value", 0);
        );
    );
</script>

脚本有效，它会自动填充文本框 (ThursdayDinnerFee)，但我希望数字在文本框中显示为 0.00 和 90.00。我还需要将格式保留为数字，因为它们将用于信用卡交易。如果有人可以提供帮助，我将不胜感激。谢谢。

【问题讨论】：

请先尝试搜索再询问。即使在此页面右侧的相关下，您也可以查看几个答案

【参考方案1】：

使用toFixed() 方法，如下所示。

$("#ThursdayDinnerFee").val((90).toFixed(2))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="ThursdayDinnerFee" type="text">

【参考方案2】：

这可以用纯 JS 完成（不需要 jQuery）：

请看一下 toFixed() 方法http://www.w3schools.com/jsref/jsref_tofixed.asp

【参考方案3】：

要保持格式，您可以使用html5 Pattern-Tag。