如何在JQuery中计算具有相同ID的所有输入的总和

时间:2014-08-14 03:54:17

标签: jquery html

它们是动态创建的输入,使用"追加"方法并且具有id =" subtotal1",id =" subtotal2"等等。如何计算所有输入的总和并在JQuery中的div中显示它?

2 个答案:

答案 0 :(得分:1)

var sum=0;

$("[id^=subtotal]").each(function(){      
 sum=sum+(parseInt(this.value,10));
});

console.log(sum);

DEMO

答案 1 :(得分:1)

尝试,

$('button').click(function () {
    $('div').text($.map($('input[id^="input"]'), function (elem, i) {
        return parseInt(elem.value, 10) || 0;
    }).reduce(function (a, b) {
        return a + b;
    }, 0));
});

DEMO