jquery表行总计和总计
我正在为电脑维修技术人员编写一个小插件,我现在正在尝试编写发票部分,但没有太多运气!
我已经从数据库填充了字段,但我正在尝试使用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
看起来你是一个完整的新手jQuery .. !! 虽然开局不错..不难发现..
这里.price,.quantity和.lineTotal对应于他们正在讨论的列的类名.. grandTotal是表中Total的id。
我已经为你正在尝试的案例提出了一个更新的工作示例 ..应该是一个好的开始..
但请注意我没有添加任何条件来检查用户输入是否有效…尝试在滚动时添加这些条件。如果您在解码时遇到任何困难,请告诉我。
以这个简单的HTML为例:
我想你会想要改变你的jQuery看起来像这样:
$(document).ready(function() { updateTotal(); $(".editable").live("change", function() { updateTotal(); }); });
在没有看到您的实际HTML的情况下,很难说您的updateTotal()
函数是否有任何问题