javascript - 获取输入的小计，然后添加

Question

我有这个 fiddle ，可以完美地添加输入的总数，并随着输入的变化而变化。但我还需要它来考虑每件商品的数量。

因此，当前总计为 105 美元，但考虑到 3 件商品的数量为 65 美元，应该为 235 美元。

检查一下 fiddle 就会明白我的意思。

http://jsfiddle.net/4n7k012b/1/

        $(document).ready(function () {

            var sum = 0;
                //iterate through each textboxes and add the values
                $("input[class='cmb_text_money']").each(function () {
                    //add only if the value is number
                    if (!isNaN(this.value) && this.value.length != 0) {
                        sum += parseFloat(this.value);
                    }

                });

            $("#sum").html(sum.toFixed(2));

            $(document).on('keyup',"input[class='cmb_text_money']", function () {
                var sum = 0;
                //iterate through each textboxes and add the values
                $("input[class='cmb_text_money']").each(function () {
                    //add only if the value is number
                    if (!isNaN(this.value) && this.value.length != 0) {
                        sum += parseFloat(this.value);
                    }

                });

            $("#sum").html(sum.toFixed(2));
            console.log(sum);

            });
        }); 

Answer 1

这是一种方法，遍历数量，然后乘以价格，将每个总和存储在一个数组中，然后在最后求和

$(document).on('keyup', 'input.cmb_text_money, input.cmb_text_small', function () {
    var sum = $.map($('input.cmb_text_money'), function(item) {
        return $(item).closest('tr').prev('tr').find('input').val() * item.value;
    }).reduce(function(a, b) { 
        return a + b; 
    }, 0);

    $("#sum").html(sum.toFixed(2));
});

FIDDLE