Javascript rounding to two decimal places

Question

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Round to 2 Decimal Places</title> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"> </script> <script type="text/javascript"> $(function() { $('input#txtNum').blur(function() { var amt = parseFloat(this.value); //$(this).val('$' + amt.toFixed(2)); $(this).val((Math.round(amt*100))/100).toFixed(2); }); }); </script> </head> <body> Type a decimal number in the TextBox and hit Tab <br /> <input id="txtNum" type="text" /> </body> </html>

when i am entering value as 100.2569.The result shows 100.26 but when i am entering 56.999 its showing 57 instead of 57.00 or if i am giving value without decimal its showing without decimals without two appending two zeroes after decimal.

Sampson · Accepted Answer · 2013-01-07 05:36:08Z

6

You're calling toFixed in the wrong place:

$(this).val( (Math.round(amt*100)/100).toFixed(2) );

answered Jan 7, 2013 at 5:36

Sampson

269k76 gold badges546 silver badges570 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

shiva Over a year ago

this is done using jQuery. can this be done using only Javascript only?

Sampson Over a year ago

@shiva The jQuery isn't too far from vanilla JavaScript. Rather than $(this).val() you would simply assign the results to this.value. What browser-support do you need? While more modern browsers support addEventListener, you'd have to fallback to attachEvent when it's present, and further back to modifying element members directly when neither are present.

cbliard Over a year ago

I think (Math.round(amt*100)/100).toFixed(2) can be simplified to amt.toFixed(2).

Mohamed Mansour · Accepted Answer · 2017-03-11 04:15:42Z

3

It is more simple than you think:

amt.toFixed(2)

answered Mar 11, 2017 at 4:15

Mohamed Mansour

40.2k10 gold badges118 silver badges90 bronze badges

Comments

TechSpellBound · Accepted Answer · 2014-01-13 05:54:34Z

2

This can be done using Javascript as follows:

this.value = (Math.round(amt*100)/100).toFixed(2);

If it is a single text input:

document.getElementById("txtNum").value = (Math.round(amt*100)/100).toFixed(2);

edited Jan 13, 2014 at 5:54

answered Jan 7, 2013 at 10:52

TechSpellBound

2,5456 gold badges26 silver badges36 bronze badges

4 Comments

cbliard Over a year ago

It looks like the code is not working as expected. There is an extra ) which produces a SyntaxError. The (amt*100)/100 part is the same as amt.

TechSpellBound Over a year ago

@cbliard : The code "Math.round((amt*100)/100).toFixed(2)" is picked up from the question. Hence, I din't check what it does.

cbliard Over a year ago

Note quite: the original code is (Math.round(amt*100)/100).toFixed(2)

TechSpellBound Over a year ago

@cbliard : Noted and incorporated.

display name · Accepted Answer · 2014-04-08 00:49:56Z

The sample code below works, too.

ProperRoundCircle = function(num, decimal){ return Math.round(parseFloat(Number) * Math.pow(10, decimal)) / Math.pow(10, decimal); }

Collectives™ on Stack Overflow

Javascript rounding to two decimal places

4 Answers 4

3 Comments

Comments

4 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

4 Comments

Comments

Linked

Related