Общая сумма Javascript с добавкой

Question

Прежде всего, извините за мой плохой английский язык.

Итак, я хочу суммировать свои 2 coloumn, но у меня есть условие add.row. Вот мой код:

<script> 
 
$(function(){ 
 
    $('.qty, .unit').on('blur', function(e){ 
 
    var qty = parseFloat($('.qty').val()), 
 
     unit = parseFloat($('.unit').val()); 
 
    
 
    if(isNaN(qty) || isNaN(unit)) { 
 
     $('.result').text(''); 
 
     return false; 
 
    } 
 
    
 
    var total = qty * unit; 
 
    $('.result').text(total); 
 
    }); 
 
}); 
 
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<td><input type="text" class="form-control qty" name="p_qty[]" /></td> 
 
<td><input type="text" class="form-control unit" name="p_harga[]" /></td> 
 
<td><strong><span class="result" name="p_jumlah[]"></span></strong></td>

здесь мой screenshoot Screenshoot

, когда им бежать, этот успех код, но только в строке 1, а не работать в строке 2 ++ как можно я чиню это?

Большое вам спасибо.

Answer 1

Попробуйте

<script src="../js/plugins/jquery.js"></script> 
<script> 
    $(function() { 
     $('.form-control').blur(function() { 
      var qty = $('.qty').val(); 

      var total = 0; 

      $('.unit').each(function() { 
       total += parseInt(this.value); 
      }); 

      // Update the total 
      $('.result').text(qty * total); 
     }); 
    }); 
</script> 
<input type="text" class="form-control qty" name="p_qty[]" /> 
<input type="text" class="form-control unit" name="p_harga[]" /> 

<!-- Two or more fields --> 
<input type="text" class="form-control unit" name="p_harga[]" /> 
<input type="text" class="form-control unit" name="p_harga[]" /> 

<strong><span class="result" name="p_jumlah[]"></span></strong>