Question

我有一个表单，用户根据需要添加文本字段，所有文本字段都具有相同的CSS类“amount”。我有一个JQUERY函数来汇总这个字段中的值，并在用户更改任何这些字段中的值时刷新总和。问题是只有当用户在第一个字段中更改值时才会触发它。如何将它应用于他添加到形式的每个领域？

HTML：

<input type="text" name="amount[]" class=".amount" />

JS：

    function sumItUp() {

    var sum = 0;
    //iterate through each textboxes and add the values
    $(".amount").each(function() {

        //add only if the value is number
        if(!isNaN(this.value) && this.value.length!=0) {
            sum += parseFloat(this.value);
        }

    });
    $("#sumFin").html(sum.toFixed(2));
}

$('.amount').change(function() {

    sumItUp();

});

如何在每个.amount更改中创建最后一部分触发器？

感谢。

Answer 1

$('.amount').live("change", function() {

    sumItUp();

});

.live（）会将事件应用于DOM中当前的事物并稍后添加

Answer 2

你需要使用live()跟踪新的匹配元素并将处理程序附加到它们

$('.amount').live("change", function() {

    sumItUp();

});

JQUERY：在多个输入字段上应用相同的功能

2 个答案: