Javascript - 求和并乘以每一行

时间:2013-08-08 13:51:20

标签: javascript loops sum row

目前我的代码会自动汇总所有输入数量(见下图)。

Click for Image HERE

Click for jsFiddle HERE

但我想创建另一个字段,根据每个行价格和输入数量自动计算总费用。(当前字段显示为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.'">
';

0 个答案:

没有答案
相关问题