Javascript总和addrow

Question

首先，抱歉我的英语不好。

所以，我想总结我的2 coloumn，但我有add.row条件。 这是我的代码：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

这是我的剧本 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>