javascript - JQuery 列计算

Question

我需要一些关于这段代码的帮助: http://jsfiddle.net/N5xTJ/1/

最后一列已经通过 jQuery 动态显示，它计算“包装数量”x“价格”，然后在底部显示总计。

我需要帮助根据 <TD CLASS="QTY"> 计算总数量它将在 totalsqty 中显示结果.

也适用于 TotalUnits需要计算“数量”X“每包数量”并显示在“总数量”中。

JS 当前正在计算 #Total Price 的总数:

function ca(){
    var $overall = 0;

    $("tr.sum").each(function() {
         var $row=$(this);
        var $qnt = $(this).find(".qty");
        var cost = $row.data('unit_price');        
        
        var sum = cost * parseFloat($qnt.val());

        $(this).find("td").eq(5).text('$' +sum);

        $overall += sum;

    });

    $("#total").text('$' +$overall);
}

$(function() {

    ca();
    $('input.qty').bind('change keyup', ca);

});

Answer 1

试试这个 fiddle :http://jsfiddle.net/N5xTJ/4/

我已经更新了您现有的代码，以适应 totalUnits 和 totalQty。

代码(带注释):

    function ca() {
    var $overall = 0,
        totalQty = 0,
        totalUnits = 0;

    $("tr.sum").each(function() {
        var $row = $(this),
            qnt = parseInt($(this).find("input.qty").val()),
            cost = $row.data('unit_price'),
            sum = cost * qnt,
            upp = parseInt($row.find('.upp').text());


        $row.find('span.t-units').text(upp * qnt);
        $(this).find("td").eq(5).text('$' + sum);
        totalQty += qnt;
        totalUnits += parseInt($row.find('span.t-units').text());
        $overall += sum;

    });

    $("#total").text('$' + $overall);
    $('#totalqty').text(totalQty);
    $('#totalunits').text(totalUnits);
}

$(function() {

    ca();
    $('input.qty').bind('change keyup', ca);

});​

我还对代码进行了一些清理，所以请看一下，如果您有任何问题，请告诉我。