javascript - jquery - 从动态创建的元素中获取总和

Question

我正在构建一个表格来计算某些服务的总和。用户必须输入 Netty 和增值税金额(％)，然后程序应计算总金额和总增值税金额。每次更改其中一个输入字段时，它应该自动更新总计和增值税总计框。用户也可以插入多行(相同的类，唯一的 id)，这些也必须加起来!这是我到目前为止所做的FIDDLE .

使用下面的代码，我设法只计算了第一行，如果我插入 .each() 所以它会计算代码中的每个元素，那么它就不起作用了!并且没有错误!每个人不应该返回其元素中指定的所有值吗？

$('#sig_3').on('change','.vat_calc',function(){
    var id = $(this).attr('id');
    var id_suffix_new = id.split('_').pop();
    var amount_val = parseFloat($('#amount_'+id_suffix_new).val());
    var vat_val = parseFloat($('#vat_'+id_suffix_new).val());
    var vat_amount = amount_val * vat_val;
    $('#vat_amount_'+id_suffix_new).val( parseFloat(vat_amount));
    total = amount_val+vat_amount;
    $('#total').val(parseFloat(total));
});

Answer 1

已更新您的 fiddle ，这是链接 - https://jsfiddle.net/bn4na8qc/3/

    $('ul').each(function() {
    var amount_val = parseFloat($(this).find('.amount').val());
    var vat_val = parseFloat($(this).find('.vat_calc').val());
    var vat_amount = amount_val * vat_val;
        $(this).find('.vat_amount').val(parseFloat(vat_amount));
        total_vat += parseFloat(vat_amount);
        total += amount_val + vat_amount;
    });