JavaScript round val to 2 decimal places

Question

I have a script to calculate checkboxes as they are selected:

$('input:checkbox').change(function () {
  var total = 0;
  $('input:checkbox:checked').each(function () {
    total += isNaN(parseInt($(this).val())) ? 0 : parseInt($(this).val());
  });
  $("#total").val(total);
});

The total is showing as 46 rather than 46.00 for example. How can I ensure the number is always showing to 2 decimal places?

I added

console.log(format(total));

Which showed the correct format...

@iLuvLogix - how do I amend `$("#total").val(total);` with this? — Vogal, Nov 04 '21 at 13:31
I suggest that you read a bit about datatypes and their methods to get more familiar with js - there's tons of material online.. — iLuvLogix, Nov 04 '21 at 13:41
`parseInt` parses values to *integers*, why would you expect decimals? — Heretic Monkey, Nov 04 '21 at 13:49
Does this answer your question? [How to format numbers as currency strings](https://stackoverflow.com/questions/149055/how-to-format-numbers-as-currency-strings) — Heretic Monkey, Nov 04 '21 at 13:50

score 2 · Accepted Answer · answered Nov 04 '21 at 13:44

2

total = parseFloat(total).toFixed(2);

answered Nov 04 '21 at 13:44

404Exist

89
6

JavaScript round val to 2 decimal places

1 Answers1