格式化 2 位小数的数字 - jquery

Question

我有以下 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。我还需要将格式保留为数字，因为它们将用于信用卡交易。如果有人可以提供帮助，我将不胜感激。谢谢。

Answer 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">

Answer 2

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

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

Answer 3

要保留格式，您可以使用 HTML5 Pattern-Tag。

格式化 2 位小数的数字 - jquery

Formatting number for 2 decimals - jquery

jquery

number-formatting