我有一个动态表单，其中的行通过 jquery 添加到 dom，并且总价格似乎表现得很奇怪

Question

我可以添加和删除动态表单中的最后一行并计算单价总和，但calculateSumNoTax()函数似乎只在由php输出的第一行被触发，每隔一行通过jquery附加到dom不要触发calculateSumNoTax();

我在这里做错了什么？

JS：

$(document).ready(function() {
        $("a[name='addline']").click(function(){
            $("input[name='counter']").val( Number($("input[name='counter']").val()) + 1 );
            var i = $("input[name='counter']").val();
            $('#quote > tbody:last').append('<tr id="row'+i+'"><td>'+i+'</td><td><input type="text" name="description_'+i+'" value=""  /></td><td><input type="text" name="quantity_'+i+'" value="1"  /></td><td><input type="text" name="unit_price_'+i+'" class="unit_price" value=""  /></td><td><select name="tax_percentage_'+i+'"><option value="0" selected="selected">0</option><option value="19.6">19.6%</option></select></td></tr>');
            event.preventDefault();
        });

        $("a[name='removeline']").click(function(){
            var i = $("input[name='counter']").val();
            if(i > 1){
                $("tr[id='row"+i+"']").remove();
                $("input[name='counter']").val( Number($("input[name='counter']").val()) - 1 );
            }
            event.preventDefault();
        });

        $(".unit_price").keyup(function() {
            $(this).keyup(function(){
                calculateSumNoTax();
            });
        });
    });

    function calculateSumNoTax() {
        var sum = 0;
        //iterate through each textboxes and add the values
        $(".unit_price").each(function() {
            //add only if the value is number
            if(!isNaN(this.value) && this.value.length!=0) {
                sum += parseFloat(this.value);
            }
         });

        //.toFixed() method will roundoff the final sum to 2 decimal places
        $("#notax").html(sum.toFixed(2));
    }

Answer 1

当动态添加新行时，事件侦听器（keyup 函数）不会附加到它。

它必须单独完成。事件侦听器可以在“线路”上线（创建）后立即添加到“线路”中。

Answer 2

我刚刚在这里找到了答案：动态添加输入上的 Jquery .keypress

更改为：

$(".unit_price").live('keypress', function(e){
$(this).keyup(函数(){
计算SumNoTax();
});
});