jQuery的表行线总数和总计(jquery table rows line totals and

我目前正在写的电脑维修科技股一个小插件，现在我试图代码发票部分，但没有多少运气！

我得从数据库中填充字段，但我试图使用jQuery更新线总和，总的发票。

下面有什么，我试图做一个快速的图像！

我试图得到它的更新页面加载的总数和当单位成本和数量文本框的值的变化。

$(document).ready(function() {
    $("#invoiceitems tbody tr").each(function() {
        $(this).change(function() {
            updateTotal();
        });
    });
});

function updateTotal() {

    //Calculate Subtotal for each item
    var quantity = $('.quantity').val();
    var price = $('.price').val();
    var subtotal = parseInt(quantity) * parseFloat(price);
    $('.subtotal').text(subtotal);
    //Calculate Grand Total
    var sum = 0;
    $('.linetotal').each(function() {
        sum += parseFloat($(this).text());
    });
    $('#grandTotal').html(parseFloat(sum));
}​

发现这个代码在这里，但我真的没有线索而无法得到它的工作！

一些方向/帮助将不胜感激！

非常感谢Jase

Answer 1:

看起来，你是一个完整的新手到jQuery的.. !! 良好的开端，但..不难把它捡起来..

在这里。价格，.quantity和.lineTotal相当于他们谈论列的类名.. grandTotal是在表中的总的ID ..

我提出了一个工作实例更新为你努力工作，为的情况下..应该是一个良好的开端..

但不要拿我没有添加任何条件，注意检查用户输入是否有效...尝试添加这些一阵翻滚出来..让我知道，如果你在对其进行解码面对任何困难。

Answer 2:

鉴于这种简单的HTML为例：

<table>
<tr>
<td>
<input type="text" name="unitCost[]" id="unitCost_1" value="15.99" class="editable"/>
</td>
<td>
<input type="text" name="quantity[]" id="quantity_1" value="1" class="editable"/>
</td>
</tr>
<tr>
<td>
<input type="text" name="unitCost[]" id="unitCost_2" value="2.50" class="editable"/>
</td>
<td>
<input type="text" name="quantity[]" id="quantity_2" value="1" class="editable"/>
</td>
</tr>
</table>

我想你会想改变你的jQuery看起来是这样的：

$(document).ready(function() {
    updateTotal();

    $(".editable").live("change", function() {
        updateTotal();
    });
});

没有看到你的实际的HTML，这是很难说是否有什么不好，你updateTotal()函数

文章来源: jquery table rows line totals and grand total