Actualmente estoy escribiendo un pequeño complemento para técnicos de reparación de computadoras y ahora estoy tratando de codificar la sección de la factura, ¡pero no tengo mucha suerte!

Los campos se rellenan desde la base de datos, pero estoy tratando de usar jquery para actualizar los totales de línea y el total de la factura.

Heres una imagen rápida de lo que estoy tratando de hacer!

 Estoy tratando de actualizar los totales en la carga de la página y cuando un valor cambia en los campos de texto de costo unitario y de cantidad.

$(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));
}​

Encontré este código aquí, pero realmente no tengo una pista y no puedo hacerlo funcionar.

¡Alguna dirección / ayuda sería muy apreciada!

Muchas gracias jase