JQuery列计算

时间:2012-11-14 05:49:42

标签: javascript jquery javascript-events

我需要一些这方面的帮助 http://jsfiddle.net/N5xTJ/1/

最后一列已经通过Jquery动态化了。计算"包装数量" x"价格"然后在底部总计

我需要帮助根据<TD CLASS="QTY">对总数量进行计算,并在&#34; totalsqty&#34;

中显示结果

也适用于&#34; TotalUnits&#34;需要计算&#34;数量&#34; X&#34;每包单位&#34;并显示在&#34;总单位&#34;

感谢您的帮助

目前正在为#Total Price

进行总计的JS
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);

});

1 个答案:

答案 0 :(得分:1)

试试这个小提琴:http://jsfiddle.net/N5xTJ/4/

我已更新现有代码,以容纳totalUnitstotalQty

代码(带评论):

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

});​

我还清理了一些代码,所以如果您有任何疑问,请查看并告诉我。