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?
$(document).on("change", "qty1", function() { var sum = 0; $("input[class *= 'qty1']").each(function(){ sum += +$(this).val(); }); $(".total").val(sum); });
Advertisement
Answer
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); });