I was recently working on a requirement where a textbox value had to be rounded off to 2 decimal digits and ‘$’ appended in front of it. Here’s how to achieve it
<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));
});
});
</script>
</head>
<body>
Type a decimal number in the TextBox and hit Tab
<br />
<input id="txtNum" type="text" />
</body>
</html>
Here we use the toFixed() which Formats a number using fixed-point notation. The number is rounded if necessary, and the fractional part is padded with zeros if necessary so that it has the specified length.
After the TextBox loses focus
See a Live Demo
Giving me +1 tells me you liked this article! Thanks in advance
Did you like this post?
|
|
||
|
|
|
Save on Delicious |
|
subscribe via rss |
|
subscribe via e-mail |
|
print this post |
|
follow me on twitter |
About The Author
comments
8 Responses to "Round off Decimal to 2 places in jQuery"Thanks for your solution, helped me with the same problem.
I've been using some code which basically multiplies by 100, rounds using Math.round() and divides by 100 to get 2 decimal places.
This is incredibly simple instead.
Thanks.
You are welcome. Thanks for the feedback!
I simply copy pasted your code, but the output i recieved is "$NaN".
Is there any solution??
Thank You!
The only problem with your solution is that tofixed round in a certain way.
for example
3.45 : 3.4
3.55 : 3.6
This function always rounds to the closest even number
Hi, This function is somewhat peculiar in in it's functioning like it will give u result correct till certain values and for some it will give wrong values like say till 14.525 it will round correct to 14.53 but afterwards it starts giving wrong values and 16.525 gives 15.52 which is not in sync with expected results. is there other better function than this or any fix has come for this?
thanku sir
Post a Comment