jQuery - Adding values of multiple inputs together & display in another input

Question

I have some code, that to my mind, should be finding all classes '.stock-input', adding their values together, and displaying that value in the id #pStockQuantity, I can't see why I'm getting the result NaN.

JS:

$('.stock-input').keyup(function() {
    var stockTemp = parseInt(0);
    $('.stock-input').each(function() {
        stockTemp = parseInt(stockTemp) + parseInt($(this).val());
    });
    $('#pStockQuantity').val(stockTemp);
});

console.log(stockTemp) will tell you what you're getting. On a side note, since stockTemp is already an integer you can just do stockTemp += parseInt($(this).val()) — scrowler
– scrowler, Commented Sep 2, 2014 at 11:01

Arun P Johny · Accepted Answer · 2014-09-02 11:01:56Z

2

The problem will come if a textfield has a non numeric value

$('.stock-input').keyup(function () {
    var stockTemp = 0;
    $('.stock-input').each(function () {
        stockTemp += parseInt($(this).val()) || 0;
    });
    $('#pStockQuantity').val(stockTemp);
})

Demo: Fiddle

answered Sep 2, 2014 at 11:01

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Collectives™ on Stack Overflow

jQuery - Adding values of multiple inputs together & display in another input

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related