Question

我有两个不同的ID。来自名为id =“H + currentRow +”（+ currentRow +是当前行）的ID的一个自动增量（使用jquery）。另一个向PHP发出ajax请求，将表单附加到id =“Z＃”（＃将取决于数据库中的ID）。

我做过这个：

$(document).ready(function(){
$("input").change(function(){ 
var sum=0;
    $("[id^=H]").each(function(){

     sum=sum+(+parseInt(this.value));
    });

var sum2=0;
    $("[id^=Z]").each(function(){

     sum2=sum2+(+parseInt(this.value));
    });

var total = sum + sum2;
    if(isNaN(total)) {
        var total = 0;
    }

$("#total").text(total);

});
});

但那不起作用。它适用于第一个字段，但它适用于附加的任何其他字段。任何人都知道发生了什么以及它为什么不起作用？

Answer 1

将事件直接绑定到元素时，附加到页面的新元素不会触发事件。你必须绑定附加输入的父元素。

试试这个绑定：

$('body').on('change', 'input', function () {
    // your code remain the same here...
});

你可以比body更具体，将事件绑定到输入的父元素。

如何用JQuery计算ID ^的总和

1 个答案: