我怎样才能总额均具有类文本框的值1，2并且3，把它的内部sum_1，sum_2和sum_3
我尝试过这种方式
jQuery在这里：
$(document).on("change", ".1", function() {
var sum = 0;
$(".1").each(function(){
sum += +$(this).val();
});
$(".total").val(sum);
});
HTML在这里：
<input type="text" class="1" value="1" />
<input type="text" class="2" value="2" />
<input type="text" class="3" value="5" />
这是小提琴http://jsfiddle.net/5gsBV/36/，对一个值有效
但是我该如何对3个值执行此操作，就像我在提琴http://jsfiddle.net/vL6f2tow/1/中给出的问题中所问的那样
我怎样才能得到那些总和的值
如果要在负载下执行此操作，则可能应该执行以下操作
$('.item').each(function(){
var itemNumber = $(this).attr('class').split(" ");
itemNumber.splice( itemNumber.indexOf("item"), 1 );
var sumElement = $(".sum_" + itemNumber);
var sum = (sumElement.val() == "") ? 0 : parseInt(sumElement.val());
sum += parseInt($(this).val());
sumElement.val(sum);
});
这是一个计算本地总和的演示
如果要计算全局总和（本地总和），请看演示2
如果您有多个这样的输入组，则必须向这些输入中的每一个添加一个类，以使您知道需要考虑哪些输入元素来计算总和。
<input type="text" class="item 1" value="1" />
<input type="text" class="item 2" value="2" />
<input type="text" class="item 2" value="3" />
<input type="text" class="item 2" value="4" />
<input type="text" class="item 3" value="5" />
<input type="text" class="item 3" value="6" />
<input type="text" class="item 3" value="7" />
<br>
<br>
<input type="text" class="sum_1" value="" />
<input type="text" class="sum_2" value="" />
<input type="text" class="sum_3" value="" />
$(document).on("change", ".item", function () {
var sum = 0;
var itemNumber = $(this).attr('class').split(" ");
itemNumber.splice( itemNumber.indexOf("item"), 1 );
$('.'+itemNumber).each(function () {
sum += parseInt($(this).val());
});
$(".sum_" + itemNumber).val(sum);
});
在上面的脚本中，
$（this）.attr（'class'）看起来像“项目1”
$（this）.attr（'class'）。split（“”）将是一个数组[“ item”，“ 1”]
然后我删除单词item并使用它"1"
这是一个演示
希望这可以帮助。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句