Javascript-对每行求和并相乘

目前，我有代码可以自动计算所有输入量的总和（见下图）

但我想创建另一个字段，根据每行价格和输入的数量自动计算总成本。（当前字段显示为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

PHP

echo'
';

您可以发布您的HTML吗？甚至可能是一个问题，因为这只是一个客户端的问题。希望这有帮助。代码在JSFIDLE中不起作用，或者我不知道如何在那里使用它。还添加了带有循环$i的类，如果使js循环，这应该会有所帮助。我不知道..在JSFIDLE中添加了工作代码。检查一下。但请记住，价格和数量字段应该按类似的行排列-请参见上面的图片链接。

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

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.'">
';