Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jquery sum of multiple input fields if same class in one input

Tags:

Hello I need to sum the values of same class input in one input with class name total.

<input type="text" class="qty1" value="" /> <input type="text" class="qty1" value="" /> <input type="text" class="qty1" value="" /> <input type="text" class="qty1" value="" /> <input type="text" class="qty1" value="" /> <input type="text" class="qty1" value="" />  <input type="text" class="total" value="" /> 

Possible?

A working fiddle here

$(document).on("change", "qty1", function() {     var sum = 0;     $("input[class *= 'qty1']").each(function(){         sum += +$(this).val();     });     $(".total").val(sum); }); 
like image 271
Andrei Avatar asked Jun 09 '14 18:06

Andrei


1 Answers

You pretty much had it, just needed to adjust your JQuery a little bit for the appropriate selectors

updated fiddle : http://jsfiddle.net/5gsBV/7/

$(document).on("change", ".qty1", function() {     var sum = 0;     $(".qty1").each(function(){         sum += +$(this).val();     });     $(".total").val(sum); }); 
like image 162
Adjit Avatar answered Oct 15 '22 15:10

Adjit