How to add all input values using jquery

Question

I have the dynamically generated input values in my project. I need to get all the values which has similar id's like "test_1".

<input type="hidden" id="test_1" value="1">
....
<input type="hidden" id="test_10" value="10">

So here i can use $("input[id^='test_']") to find all input values. IS there any logic to ADD all input values which has id "test_" ?

I want all input values to be added and stores in another hidden fields for further use — mymotherland
– mymotherland, Commented Aug 16, 2011 at 7:08

32423hjh32423 · Accepted Answer · 2011-08-16 07:09:39Z

6

If you mean get the sum of the input values that start test_ then try this

 val = 0;
 $("input[id^='test_']").each(function() {      
    val = $(this).attr('value') + val;
 });

 console.log(val);

answered Aug 16, 2011 at 7:09

32423hjh32423

3,0827 gold badges46 silver badges62 bronze badges

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

Comments

Paul · Accepted Answer · 2011-08-16 07:09:18Z

1

function addValues(){
    var v = 0;
    $("input[id^='test_']").each(function(i, el){
        v += parseInt(el.value, 10);
    });
    return v;
}

var val_sum = addValues();

answered Aug 16, 2011 at 7:09

Paul

142k28 gold badges285 silver badges272 bronze badges

Comments

KARASZI István · Accepted Answer · 2011-08-16 07:16:56Z

0

This could do it:

$("input#all").val($.map($("input[id^='test_']"), function( item ) {
  return $(item).val();
}).join(","));

With this the <input id="all" type="hidden"/> item will have all the values separated by ,.

answered Aug 16, 2011 at 7:16

KARASZI István

31.5k9 gold badges106 silver badges133 bronze badges

Comments

Mak · Accepted Answer · 2011-08-16 07:18:32Z

0

Maybe this (http://jsfiddle.net/3AW7j/) code will help

answered Aug 16, 2011 at 7:18

Mak

20.5k5 gold badges29 silver badges33 bronze badges

Collectives™ on Stack Overflow

How to add all input values using jquery

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related