Formatting number for 2 decimals - jquery

Question

I have the following jquery function that auto populates a textbox based on the selection of a radio button option:

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

The script works and it auto populates the textbox (ThursdayDinnerFee), but I want the numbers to appear in the textbox as 0.00 and 90.00. I also need to keep the format as number because they will be used in a credit card transaction. If someone could help, I would greatly appreciate it. Thank you.

please try searching before asking. Even on right side of this page under **Related** there are several answers you could have looked at — charlietfl, Sep 27 '16 at 19:03

Ibrahim Khan · Accepted Answer · 2016-09-27T19:07:41.030

1

Use toFixed() method like following.

$("#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">

edited Sep 27 '16 at 19:07

answered Sep 27 '16 at 18:50

Ibrahim Khan

20,616
7
42
55

score 0 · Answer 2 · answered Sep 27 '16 at 18:50

0

This can be done with pure JS (no jQuery needed):

Please take a look at the toFixed() method http://www.w3schools.com/jsref/jsref_tofixed.asp

answered Sep 27 '16 at 18:50

meavo

1,042
1
7
16

score 0 · Answer 3 · answered Sep 27 '16 at 18:53

0

To keep the format you could use the HTML5 Pattern-Tag.

answered Sep 27 '16 at 18:53

0xDECAFBAD

627
1
8
21

Formatting number for 2 decimals - jquery

3 Answers3