Sum of multiple input fields with same name but not same id using jQuery

Question

I am trying to make an jQuery function to make sum of some input fields with array name, but not same id.

<input name="ingredient[1]" type="text" id="autofield_1" class="ingrediente">

<input name="ingredient[2]" type="text" id="autofield_2" class="ingrediente">

<input name="ingredient[3]" type="text" id="autofield_3" class="ingrediente">

<input name="ingredient[4]" type="text" id="autofield_4" class="ingrediente">

<input name="ingredient[5]" type="text" id="autofield_5" class="ingrediente">

<input name="ingredient[6]" type="text" id="autofield_6" class="ingrediente">

Note: I use a button with jQuery function to add new field on press, is using appendTo to add more fields. sometimes I have more or less fields, the jQuery function must be dynamic, to apply on the number of input fields set.

What values would you expect the user to enter? What result would you want to get from those inputs? — David Thomas
– David Thomas, Commented Dec 1, 2013 at 18:24
Access them by class $( '.ingrediente' ) or name starts condition. — u_mulder
– u_mulder, Commented Dec 1, 2013 at 18:27

u_mulder · Accepted Answer · 2013-12-01 18:31:07Z

4

var sum = 0;
// or $( 'input[name^="ingredient"]' )
$( '.ingrediente' ).each( function( i , e ) {
    var v = parseInt( $( e ).val() );
    if ( !isNaN( v ) )
        sum += v;
} );

answered Dec 1, 2013 at 18:31

u_mulder

54.8k5 gold badges54 silver badges72 bronze badges

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

Collectives™ on Stack Overflow

Sum of multiple input fields with same name but not same id using jQuery

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