How to round off parseFloat results in Jquery/Javascript?

Question

How would I round off a value from a textfield with a parseFloat result in it? This application basically sums up the value of all radio buttons when clicked and displays the sum in a textbox.

The code below works perfectly if the radio button value is an integer, however if I want to have a floating point value on the radio button, the total value will have a 100.0000000679 when it should be 100. Any tips would be very much appreciated. Thanks in advance.

function calcscore(){
  var score = 0;
  $(".calc:checked").each(function(){
    score+=parseFloat($(this).val(),10);
  });
  $("input[name=openingsum]").val(score);
}
$().ready(function(){
    $(".calc").change(function(){
        calcscore();
    });
});

HTML Code:

<input class="calc" name="v2" type="radio" onclick="ver2(this);" value="1.6666666666666666666666666666667" />Yes
<input class="calc" name="v2" type="radio" onclick="ver2(this);" value="0" />No

I believe you will find this applicable to your needs [stackoverflow.com/questions/4640404/parsefloat-rounding][1] [1]: stackoverflow.com/questions/4640404/parsefloat-rounding — djmadscribbler
– djmadscribbler, Commented Mar 29, 2012 at 17:47

Neysor · Accepted Answer · 2012-03-29 19:10:23Z

11

At first i think you provided us with a different example then expected. If you tell us something about getting 100.0000000679 and in your code is only a value of 1.6666666666666666666666666666667 there is something wrong :)

So I hope your problem is only to round the correct way. For that you can use .toFixed()

See the example on jsfiddle

HTML:

<input class="calc" name="v1" type="radio" onclick="ver2(this);" value="1.6666666666666666666666666666667" />Yes
<input class="calc" name="v1" type="radio" onclick="ver2(this);" value="0" />No
<br>
<input class="calc" name="v2" type="radio" onclick="ver2(this);" value="1.6666666666666666666666666666667" />Yes
<input class="calc" name="v2" type="radio" onclick="ver2(this);" value="0" />No
<br>
<input class="calc" name="v3" type="radio" onclick="ver2(this);" value="1.6666666666666666666666666666667" />Yes
<input class="calc" name="v3" type="radio" onclick="ver2(this);" value="0" />No
<br>
<input type="text" name="openingsum">

JAVASCRIPT:

function calcscore(){
  var score = 0;
  $(".calc:checked").each(function(){
    score+=parseFloat($(this).val(),10);
  });
  score = score.toFixed(2);
  $("input[name=openingsum]").val(score);
}
$().ready(function(){
    $(".calc").change(function(){
        calcscore();
    });
});

answered Mar 29, 2012 at 19:10

Neysor

3,91511 gold badges36 silver badges67 bronze badges

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

3 Comments

Davinchie_214 Over a year ago

Neysor: Thank you once again for making another significant contribution to my work. As always, you've been very prompt and a major contributor to my work. Your inputs have always been very a wow moment each time I implement it to my work. Your solution is very much worth recommending to other newbies like me. Thank you.

Neysor Over a year ago

@Davinchie_214 no problem! I'm here registered to help people. But as i did see now, djmadscribbler provided you with the correct hint. Perhaps next time you have a greater look to that. If you had, than perhaps you could try to write what happened wrong while doing that :)

Davinchie_214 Over a year ago

By the way Neysor, the values I used above are for simulation purposes only. I intend to use it that way so I can better explain what I want to happen to the question above. One more thing though, the total score only displays 99 when it should 100 when I changed parseFloat back to parseInt. Could this be a little glitch or I might have done something wrong again. But don't be confused, mine is working now except that when I change it to parseInt, the program goes wrong. Thanks for the input.

Collectives™ on Stack Overflow

How to round off parseFloat results in Jquery/Javascript?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related