Converting a value to 2 decimal places within jQuery

Question

Possible Duplicate:
JavaScript: formatting number with exactly two decimals

Now that I have got a bit of script to add values in to a div with a total in it, I then try to divide the values by 100 to give me a decimal number (to make it look like currency).

After this the script works and gives me a nice decimal float, sometimes though a large recurring number comes after, I want to limit this to two decimals using the script i already have so was wondering if someone could implement something into my current script.

$(document).ready(function() {
  $('.add').click(function() {
     $('#total').text(parseFloat($('#total').text()) + parseFloat($(this).data('amount'))/100);
  });
})

score 87 · Accepted Answer · answered Mar 27 '12 at 00:33

87

You need to use the .toFixed() method

It takes as a parameter the number of digits to show after the decimal point.

$(document).ready(function() {
  $('.add').click(function() {
     var value = parseFloat($('#total').text()) + parseFloat($(this).data('amount'))/100
     $('#total').text( value.toFixed(2) );
  });
})

answered Mar 27 '12 at 00:33

Gabriele Petrioli

191,379
34
261
317

Simple and elegant! – Nuno Ribeiro Aug 21 '18 at 22:05

score 29 · Answer 2 · answered Mar 27 '12 at 00:36

29

Try to use this

parseFloat().toFixed(2)

answered Mar 27 '12 at 00:36

joni_demon

656
6
12

Thanks, @Joni_demon perfect way to get them. EX. 2344.989899 TO 2344.98 – always-a-learner Sep 24 '17 at 06:13
you are a life savor – ahmednawazbutt Jan 10 '21 at 20:15

score 10 · Answer 3 · answered Mar 27 '12 at 00:33

10

you can use just javascript for it

var total =10.8
(total).toFixed(2); 10.80


alert(total.toFixed(2)));

answered Mar 27 '12 at 00:33

COLD TOLD

13,513
3
35
52

sorry, in terms of implementing that to my current code. How would i do that (new at coding) – Mr Dansk Mar 27 '12 at 00:40
look at the solution below it implements your code in it – COLD TOLD Mar 27 '12 at 00:43

Converting a value to 2 decimal places within jQuery

3 Answers3

Linked