How to sum dynamic input field values with jQuery?

Question

On my view_cart.php I have an overview of all the products to be ordered. Here I like to get the total quantity of products.
Every row represents a product where i have a field like

<input type="hidden" name="item_qty[0]" value="3" />

and for example

<input type="hidden" name="item_qty[1]" value="5" />
<input type="hidden" name="item_qty[2]" value="2" />

Now i like to get the total (here 10) to specify some shipping. I tried

$("input[name='item_qty[]']").each(function() { 
    test_qty += $(this).val();
});

souslov · Accepted Answer · 2015-01-24 16:34:18Z

1

You should define and set counter test_qty to 0, use selector name starting with [name^='item_qty'] and parse value attribute to integer with parseInt (for example, you can also use multiplication, like test_qty+=$(this).val()*1 or unary operator + like test_qty+=+$(this).val()).

var test_qty = 0
$("input[name^='item_qty']").each(function() { 
    test_qty +=parseInt($(this).val(), 10)  
})
console.log(test_qty)

JSFiddle

edited Jan 24, 2015 at 16:34

answered Jan 24, 2015 at 16:28

souslov

44.7k11 gold badges92 silver badges113 bronze badges

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

Comments

Joerg · Accepted Answer · 2015-01-24 16:26:10Z

1

You are accessing the element the wrong way, please, try this one:

$("input[name^='item_qty']").each(function() { 
                test_qty +=$(this).val();
                console.log(test_qty);
            });

answered Jan 24, 2015 at 16:26

Joerg

3,1012 gold badges26 silver badges32 bronze badges

Comments

souslov · Accepted Answer · 2015-01-24 16:42:15Z

0

You could add a class="item" to each input and then:

$(document).ready(function(){
  var test_qty = 0;
  $(".item").each(function(){
    test_qty += parseInt($(this).val());
    console.log(test_qty);
  });
});

edited Jan 24, 2015 at 16:42

souslov

44.7k11 gold badges92 silver badges113 bronze badges

answered Jan 24, 2015 at 16:27

user821445

Collectives™ on Stack Overflow

How to sum dynamic input field values with jQuery?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related