Question

我有一个表，我可以动态地向表中添加行。但我希望能够在表格的底部加上一个小计。到目前为止，我有类似的东西：

JavaScript的：

$(document).on('change', 'input[name^="shipment_details[charge][]"]', function() {
    var sum = 0;
    $('input[name^="shipment_details[charge][]"]').each(function(){
        sum += +$(this).val();
    });
    $('input[name^="freightBillSubtotal"]').val(sum);
});

HTML

<input type="text" class="qty1" value="" name="shipment_details[charge][]"/>
<input type="text" class="qty1" value="" name="shipment_details[charge][]"/>
<input type="text" class="qty1" value="" name="shipment_details[charge][]"/>
<input type="text" class="qty1" value="" name="shipment_details[charge][]"/>
<input type="text" class="qty1" value="" name="shipment_details[charge][]"/>

但是当我在JSFiddle中玩这个时，这不起作用，所以我很好奇我是否正在做javascript的名称部分错误，或者我是不是一起完成这一切。我应该说我的文本字段“存放”小计的位置如下：

<input type="text" readonly name="freightBillSubtotal" id="freightBillSubtotal">

SUM在jQuery中动态添加了字段

0 个答案: