simple calculation of integer and decimal number in jquery

Question

Trying to multiply 2 values. Quantity is integer and credit price is decimal number. When I run this code nothing happens.

Does anyone know what is the issue?

Thank you.

 $(function(){ // bind the recalc function to the quantity fields

    $("#oneCreditSum").after('<label></label>Total: Aud <span id=\"total\"></span><br><br>');

    $("#quantity").bind('keyup', recalc);

    function recalc(){
        var quantity = $('#quantity').val();
        var creditPrice = $('#creditPrice').val();
        var total = quantity * creditPrice;
        $("#total").text(total);
    }});

Can you add the html? #quantity - a textbox? so is #creditPrice? — Naeem Sarfraz
– Naeem Sarfraz, Commented Dec 23, 2009 at 11:19

Mutation Person · Accepted Answer · 2009-12-23 13:25:19Z

5

Use parseFloat on the values, and alert each one individually to test.

A few other (unrelated) improvements:

Use keyup() function:
```
$("#quantity").keyup(recalc);
```
Make function anonymous:
```
$("#quantity").keyup(function(){...});
```
Use $(this) on #quantity in the function to avoid calling the jQuery selector again

You could also consider condensing this into a single line of code:

    $("#total").text(parseFloat($('#quantity').val()) * parseFloat($('#creditPrice').val()));

To zero-pad you might try something toFixed():

var num = 10;
var result = num.toFixed(2); // result will equal 10.00

I got this snippet from the following site

http://www.mredkj.com/javascript/numberFormat.html

Hope this helps.

edited Dec 23, 2009 at 13:25

answered Dec 23, 2009 at 11:00

Mutation Person

30.6k18 gold badges102 silver badges166 bronze badges

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

2 Comments

ondrobaco Over a year ago

thank you, that was very helpful. one more subquestion: is there a way of limiting the decimal point to show e.g. 10.20 ?

Mutation Person Over a year ago

Edited my answer with this. Would you consider accepting this as your answer

rahul · Accepted Answer · 2009-12-23 10:49:19Z

5

use

parseFloat

before calculation on both numbers which parses a string argument and returns a floating point number.

var quantity = $('#quantity').val();
var creditPrice = $('#creditPrice').val();
var total = parseFloat(quantity) * parseFloat(creditPrice);

answered Dec 23, 2009 at 10:49

rahul

188k50 gold badges239 silver badges266 bronze badges

Comments

Sarfraz · Accepted Answer · 2009-12-23 10:55:04Z

0

If you are interested in whole number only you can use this function instead:

parseInt

answered Dec 23, 2009 at 10:55

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

1 Comment

Sarfraz Over a year ago

agreed, that's i have posted link for further detail

Collectives™ on Stack Overflow

simple calculation of integer and decimal number in jquery

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related