Php jquery表行总计和总计

我目前正在为计算机维修技术人员编写一个小插件，我现在正在尝试编写发票部分的代码，但运气不太好

我已经从数据库中填充了字段，但我正在尝试使用jquery更新行总数和发票总数

这是我正在尝试做的快速图像

我试图让它更新pageload上的总计，以及当单位成本和数量文本字段中的值发生变化时

$(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

以这个简单的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>

---

如果看不到实际的HTML，就很难说您是否有任何问题

updateTotal（）

function

看起来您是jQuery的新手！！好的开始。。捡起来不难

此处.price、.quantity和.lineTotal对应于它们所讨论的列的类名。。 grandTotal是表中总计的id

我已经为你要调查的案件提出了一份申请。。这应该是个好的开始

---

但是请注意，我没有添加任何条件来检查用户输入是否有效。。。尝试在推出时添加这些内容。。如果您在解码过程中遇到任何困难，请告诉我。

您可以显示任何html，或者更好地使用html吗？我不确定我第一次用小提琴做的是否正确！哇！我刚刚实现了它，效果非常好！还有一件事，我如何让它在页面初始加载时生成总计？只需稍微调整一下代码。。将updateTotals（）方法分为两部分。。检查上面的更新提琴。。我已将它们分为两个功能。只需调用Document.Ready.中的CalculateTotals（）。。这就是我目前所拥有的。似乎无法使其生成加载时的行总计/总计。由于某些原因，当我使用按钮添加新的textfield元素时，它似乎不起作用。添加新元素时，您需要分配事件。。否则，元素将不会附加到事件处理程序。。检查此更新小提琴，工作得很好！我还设法将价格和数量字段限制为仅限数字！有人对如何将其存储到数据库中有什么建议吗？我有两张桌子，发票和发票。我认为当表单提交时，它将删除该发票的所有当前发票项，并读取提交表单中的所有内容。这听起来是个不错的选择吗？正如我所相信的，试图找出哪些是更新的，哪些是新的将是棘手的！

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

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