javascript - 计算值

Question

在订单表格中，每一行有 3 个字段：数量、价格、总计。

如何创建一个函数，在更改数字时计算小计，总计也是如此？

任何人都可以提出一种方法吗？

Answer 1

您需要为每一行添加一个侦听器，以便在更新价格或数量时，您可以获得新的数量和价格并更新总计列。

在 jQuery 中，类似：

$('.row').on('change', function() {
    var quantity = $('.quantity', this).val(), // get the new quatity
        price = $('.price', this).val(), // get the new price
        total = price*quantity;
    $('.total', this).val(total);  //set the row total

    var totals = $.map($('.row .total'), function(tot) {
        return tot.val(); // get each row total into an array
    }).reduce(function(p,c){return p+c},0); // sum them
    $('#total').val(totals); // set the complete total
});

这假设每个订单行容器都有类row，每个数量都有类quantity，每行总计有类total并且订单总计有 id total。