Question

I need some assistance with this code:
http://jsfiddle.net/N5xTJ/1/

The last column already is dynamic through jQuery, which calculates "Packs QTY" x "Price", then totals on the bottom.

I need help doing the calculation for total QTY based on <TD CLASS="QTY"> and it will show results in totalsqty.

Also for TotalUnits Needs to calculate "Qty" X "Units Per Pack" and show in "Total Units".

JS that is currently doing the totals for #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

Try this fiddle: http://jsfiddle.net/N5xTJ/4/

I’ve updated your existing code, to accommodate totalUnits and totalQty.

Code (with comments):

    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);

});​

I’ve also cleaned up the code a bit, so have a look and let me know if you have questions.