计算动态添加输入的总和

Question

我有一个允许用户添加输入行的表单。我希望能够实时计算一些这些输入的“总数”。这里是我到目前为止（该代码仅示出了所述第一价格[]输入。

var insertRow = function() { 

    $(".invoice-table").find('tbody') 
     .append($('<tr>') 
     .append($("<td><input type='text' class='form-control' name='name[]' placeholder='Item Name'></input></td>")) 
     .append($("<td><textarea class='form-control' name='description[]' placeholder='Description' rows='1'></textarea></td>")) 
     .append($("<td><input type='text' class='form-control' name='price[]' placeholder='Unit Price'></input></td>")) 
     .append($("<td><input type='text' class='form-control' name='quantity[]' placeholder='Qty'></input></td>")) 
     .append($("<td><input type='text' class='form-control' name='tax[]' placeholder='Tax'></input></td>")) 
     .append($("<td><input type='text' class='form-control' name='total[]' placeholder='Total Price'></input></td></tr>")) 
    ); 
} 

这里的“合计”被用于计算的代码的总和的onkeyup

function calculate(){ 
    var elems = document.getElementsByName('price[]'); 
    var sum = 0; 
    for (var i = 0; i < elems.length; i++) 
    { 
    sum += parseInt(elems[i].value); 
    } 
    document.getElementById('subtotal').value = sum; 
} 

Answer 1

我需要在“添加一行”脚本添加onkeyup事件。