javascript - Javascript - 对每一行求和并相乘

Question

目前我有自动总结所有输入量的代码（见下图）。

点击此处查看图片

单击此处获取 jsFiddle

但我想创建另一个字段，根据每行价格和输入的数量自动计算总成本。（当前字段显示为 0）

如果有人可以帮助我做到这一点，我将不胜感激。我还对价格进行了隐藏输入，因此它可能更容易使用，类似于数量。

将需要 for 循环，对吗？没有更多的想法..

我当前用于数量总和的 JS 代码：

$.fn.sumValues = function() {
    var sum = 0; 
    this.each(function() {
        if ( $(this).is(':input') ) {
            var val = $(this).val();
        } else {
            var val = $(this).text();
        }
        sum += Math.round( ('0' + val).replace(/[^0-9-\.]/g, ''), 0 );
    });
    return sum;
};

$(document).ready(function() {
    $('input.count_field').bind('keyup', function() {
        $('input.total_field').val( $('input.count_field').sumValues()  );
    });
});

HTML

<td class="total">
  <input type="text" class="prices_total_field" readonly>
</td>
<td class="total">
  <input type="text" class="total_field" readonly>
</td>

PHP

echo '
<input type="hidden" class="price_count_field-'.$i.' price_count_field" value="'.$data['price'].'">
<input class="count_field-'.$i.' count_field" type="text" name="count-'.$i.'">
';