Add all values in same class javascript

Question

How can I get the total value of all the values that have a class called total

<script>
function gettotal()
{

var total = 12;

}
</script>

<input type=text class=total value=5>
<input type=text class=total value=7>
<input type=submit  name=submit value="Add" onclick=gettotal();>

tymeJV · Accepted Answer · 2013-11-04 20:50:00Z

3

You can do:

var total = 0;
var totalElems = document.getElementsByClassName("total");
for (var i = 0; i < totalElems.length; i++) {
    total += parseInt(totalElems[i].value, 10);
}

edited Nov 4, 2013 at 20:50

answered Nov 4, 2013 at 20:44

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

1 Comment

Kierchon Over a year ago

Looks like you have a slight error. Shouldnt this line total += parseInt(total[i].value, 10); be total += parseInt(totalElems[i].value, 10);

Collectives™ on Stack Overflow

Add all values in same class javascript

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