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