How to add input values

Question

I Have 4 text boxes namely customer_phy_tot, customer_che_tot, customer_bio_tot. I'm trying to add and display all 3 input boxes values to a 4th input, customer_pcb_tot.

customer_bio_obt.blur(function(){
    var customer_pcb_tot = isNaN(parseInt($("#customer_phy_tot").val() + $("#customer_che_tot").val() + $("#customer_bio_tot").val())) ? 0 :( $("#customer_phy_tot").val() + $("#customer_che_tot").val() + $("#customer_bio_tot").val())
    $("#customer_pcb_tot").val(customer_pcb_tot);
});

The problem is instead of adding my code is treating it as a string. Suppose I have values 10, 15 and 5 respectively. It's supposed to display 30 in the 4th box but in my case it is showing 10155.

Any help greatly appreciated.

use parseInt for separate values not for all val() + val() — teran
– teran, Commented Apr 1, 2016 at 14:11

Rory McCrossan · Accepted Answer · 2016-04-01 14:14:40Z

3

You're using parseInt() already, but you need to use it on the string values returned by each individual val() call. Also note that your use of a ternary expression is redundant. Try this:

customer_bio_obt.blur(function() {
    var customer_pcb_tot = parseInt($("#customer_phy_tot").val(), 10) + parseInt($("#customer_che_tot").val(), 10) + parseInt($("#customer_bio_tot").val(), 10);
    $("#customer_pcb_tot").val(customer_pcb_tot || 0);
});

answered Apr 1, 2016 at 14:14

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

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

Comments

Nutshell · Accepted Answer · 2016-04-01 14:19:02Z

3

Use parseInt() function to do this :)

You have to use it to each of your values do make it works.

As @Jamie R Rytlewski said :

Make sure you use the radix value also. parseInt(string, radix);

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseInt

edited Apr 1, 2016 at 14:19

answered Apr 1, 2016 at 14:10

Nutshell

8,5251 gold badge21 silver badges38 bronze badges

9 Comments

Jamie R Rytlewski Over a year ago

But make sure you use the radix value also. parseInt(string, radix); developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

teran Over a year ago

radix is 10 by default

Rory McCrossan Over a year ago

It's still considered best practice to always include it. From MDN: Always specify this parameter to eliminate reader confusion and to guarantee predictable behavior.

Mark Schultheiss Over a year ago

stackoverflow.com/questions/850341/… has details on why to always include it as well

teran Over a year ago

but anyway, from MDN references: ecma-international.org/ecma-262/6.0/#sec-parseint-string-radix says (in 10-11) radix should be 10 by default,

|

Yargo.ar · Accepted Answer · 2016-04-01 16:12:37Z

0

You can parseInt() in each val() that you ask. Or multiply each one for 1 before sum it.

var customer_pcb_tot= isNaN(parseInt($("#customer_phy_tot").val() + $("#customer_che_tot").val() + $("#customer_bio_tot").val())) ? 0 :( $("#customer_phy_tot").val()*1 + $("#customer_che_tot").val()*1 + $("#customer_bio_tot").val()*1)

edited Apr 1, 2016 at 16:12

answered Apr 1, 2016 at 14:18

Yargo.ar

8310 bronze badges

Collectives™ on Stack Overflow

How to add input values

3 Answers 3

Comments

9 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

9 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related