jquery table rows line totals e total
Atualmente estou escrevendo um pequeno plugin para técnicos de reparo de computadores e agora estou tentando codificar a seção de faturas, mas não tendo muita sorte!
Eu tenho os campos sendo preenchidos do banco de dados, mas estou tentando usar o jquery para atualizar os totais de linha e o total da fatura.
Aqui está uma imagem rápida do que estou tentando fazer!
Eu estou tentando obtê-lo para atualizar os totais no pageload e quando um valor é alterado nos campos de texto de custo e quantidade unitários.
$(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));
}
Encontrei este código aqui, mas eu realmente não tenho a menor idéia e não consigo fazê-lo funcionar!
Alguma direção / ajuda seria muito apreciada!
Muito obrigado jase