格式化2位小数 - jquery

时间:2016-09-27 18:48:11

标签: jquery number-formatting

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

3 个答案:

答案 0 :(得分:1)

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

&#13;
&#13;
$("#ThursdayDinnerFee").val((90).toFixed(2))
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="ThursdayDinnerFee" type="text">
&#13;
&#13;
&#13;

答案 1 :(得分:0)

这可以使用纯JS(不需要jQuery)来完成:

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

答案 2 :(得分:0)

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