get the sum of input fields

Question

Hello so here is my html

<li><label for=secure>Account #</label><input id="ID_1" name="ID_1"  required></li>
<li><label for=secure>Account #</label><input id="ID_2" name="ID_2"  required></li>
<li><label for=secure>Account #</label><input id="ID_3" name="ID_3"  required></li>

these are populated dynamically. I would like to put get the total amount of all these fields (they are numeric). I believe I would have to use the each function in jquery but I am not sure how to go about using it in this specific situation.so pretty much the sum of each input that has an id that starts with ID_

You could grab the non-dynamic part.. input[id*="ID_"] as a jQuery selector — Sterling Archer
– Sterling Archer, Commented Nov 23, 2013 at 22:38

adeneo · Accepted Answer · 2013-11-23 22:38:58Z

4

var total = 0;

$('[id^="ID_"]').each(function(_, el) {
    total += +(el.value);
});

answered Nov 23, 2013 at 22:38

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

1 Comment

Black.Jack Over a year ago

great adeneo..i was answering with usual code..this is way better! upvote for you!

Collectives™ on Stack Overflow

get the sum of input fields

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related