How to calculate the total value of input boxes using jquery

Question

I have a list of input boxes, now I need to calculate the total of all values entered in input boxes with the following naming convention pre[0],pre[1],pre[2] etc.

Is this possible with Jquery and how?

possible duplicate of jQuery calculate sum of values in all text fields — Reigel Gallarde
– Reigel Gallarde, Commented Sep 13, 2010 at 9:27
@Reigel The problem is that they aren't exact duplicate. That one needs it to be triggered on the blur event, while this one requires that selector. You can conceivably merge them, but keep doing this to subtlety different questions and we'll end up with the jQuery documentation page. — Yi Jiang
– Yi Jiang, Commented Sep 13, 2010 at 9:31

Yi Jiang · Accepted Answer · 2010-09-13 09:18:29Z

10

Would something like this work?

var sum = 0;

$('input[name^="pre"]').each(function(){
    sum += parseFloat(this.value);
});

^= is the Attribute Starts With Selector.

answered Sep 13, 2010 at 9:18

Yi Jiang

50.2k16 gold badges139 silver badges137 bronze badges

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

1 Comment

NimChimpsky Over a year ago

Ah, yours is better than mine.

NimChimpsky · Accepted Answer · 2010-09-13 09:20:46Z

0

I would do it like this

var sum = 0;

find("input[name*='pre']").each(function(index) {

sum = sum + this.val();

 })

answered Sep 13, 2010 at 9:20

NimChimpsky

47.5k61 gold badges202 silver badges319 bronze badges

2 Comments

Reigel Gallarde Over a year ago

it's this.value or $(this).val()

Yi Jiang Over a year ago

this.value is better because it does not create an additional jQuery object.

Collectives™ on Stack Overflow

How to calculate the total value of input boxes using jquery

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related