Jquery从字段计算子总数 - 按类别和数量计算总数和总和

Question

我准备了这个jsfiddle

问题是我有很多行包含产品数量*price = sub total这也必须动态计算所有子总量的总计.最大的问题是触发器,因为我们可能没有qty选择字段的更改触发器..对我来说真的很复杂.我到目前为止堆积如山:

$(document).ready(function() {    
    var qty=$('.qty').val();
    var price = $('.price').val();
    var sum = 0;

    $('.amount').each(function() {
        sum += parseFloat($(this).text());
    });
});

请给我一个想法:

1. 使用哪个触发器,因此它也可以计算页面加载以及是否更改了数量下拉列表.
2. 如何先计算每一行

感谢您的帮助和提前的时间!

Answer 1

你有答案:http://jsfiddle.net/kY98p/10/

我改变了html使用标签thead和tfoot作为页眉和页脚

它只是一个循环线,您可以获得数量和价格并更新金额......

这是你应该调用的函数:

function update_amounts()
{
    var sum = 0.0;
    $('#myTable > tbody  > tr').each(function() {
        var qty = $(this).find('option:selected').val();
        var price = $(this).find('.price').val();
        var amount = (qty*price)
        sum+=amount;
        $(this).find('.amount').text(''+amount);
    });
    //just update the total to sum  
    $('.total').text(sum);
}

你需要的事件是:

$('.qty').change(function() {
    update_amounts();
});

更新:jsfiddle总计:http://jsfiddle.net/kY98p/11/