Javascript summiert sich insgesamt mit addrow

Question

Vor allem, Entschuldigung für meine schlechte Englisch-Sprache.

Also, ich möchte meine 2 column summen, aber ich habe add.row Bedingung. Hier mein Code:

<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>

hier mein Screen Screenshoot

, wenn im Laufe dieses Erfolgscode, sondern nur in Zeile 1 und nicht 2 in Reihe arbeitet ++ wie kann ich befestige es?

Vielen Dank.

Answer 1

Versuchen Sie, diese

<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>