jquery動的に追加された行を計算する

私はdynamiclally行を追加し、私はそれの値を自動的に計算したい。問題は、そのスクリプトが最初の行のみを計算することであるjquery動的に追加された行を計算する

$('input').keyup(function(){ // run anytime the value changes 

    var firstValue = parseFloat($('#itemQty').val()); // get value of field 
    var secondValue = parseFloat($('#itemPrice').val()); // 
    $('#added').html(firstValue * secondValue); // add them and output it 
     });

<table id="itemsTable" class="general-table"> 
           <thead> 
           <tr> 
            <th></th> 
            <th>Код на продукт</th> 
            <th>Описание</th> 
            <th>Брой</th> 
            <th>Цена</th> 
           </tr> 
           </thead> 
           <tbody> 
            <tr class="item-row"> 
             <td></td> 
             <td><input name="itemCode[]" value="" class="tInput" id="itemCode" tabindex="1" /> </td> 
             <td><input name="itemDesc[]" value="" class="tInput" id="itemDesc" readonly="readonly" /></td> 
             <td><input name="itemQty[]" value="" class="tInput" id="itemQty" tabindex="2"/></td> 
             <td><input name="itemPrice[]" value="" class="tInput" id="itemPrice" readonly="readonly" /> </td> 

            </tr> 
           </tbody> 
          </table> 
          <a href="#" id="addRow" class="button-clean large"><span> <img src="images/icon-plus.png" alt="Add" title="Add Row" /> Добави ред</span></a> 
          <div style="float: right; width: 100px;"> 
          <div id="container">Общо: <span style="clear:both;" id="added"></span><br></div> 
        </div>

とjQuery：はここに私のコードの一部です。

出典

2016-04-25 Anton Petrov

あなたの '

$('input','#itemsTable').change(function(){ 
    var tot = 0; 
    $('tbody tr','#itemsTable').each(function(){ 
     tot += $('[name=itemQty\[\]]', this).val() * $('[name=itemPrice\[\]]', this).val(); 
    });//each 
    $('#added').html(tot); 
});

出典

2016-04-25 16:01:25

jquery動的に追加された行を計算する

関連する問題