Eu tenho uma função que ao clicar sob um botão, ele acrescentaria campos, cada vez que adiciona, adiciona 3 campos, quantidade, valor total e valor subtotal. Minha dúvida é como eu faria para alterar o valor total ao mudar a quantidade ou o valor? Esses campos tem n vezes. Apenas a minha dúvida é na questão de Javascript/jQuery, o banco de dados recebe normalmente.
add_field() - Adiciona os campos como nome do produto, valor unitário, quantidade e valor total
function add_field()
{
var f = $("#div_addfield");
f.append( '<br><hr><label for="nome_produto">Produto - ' + i + '</label> ' +
'<input id="nome_produto" type="text" name="data[OrdemCompra_itens][' + i + '][nome_produto]" class="form-control" /><br>' +
'<div class="form-inline">' +
'<label>Quant:</label>' +
' <input type="number" name="data[OrdemCompra_itens][' + i + '][quantidade]" min="1" value="1" ' +
' style="width:70px;" class="form-control quantidade" />' +
'<label>Vlr. Unit.:</label>' +
' <input type="text" name="data[OrdemCompra_itens][' + i + '][vlr_unit]" ' +
' style="width:100px;" class="form-control real vlr_unit" />' +
'<label>Vlr. Total.:</label>' +
' <input type="text" name="data[OrdemCompra_itens][' + i + '][vlr_total]" ' +
' style="width:120px;" class="form-control vlr_total" value="0,00" />' +
'</div><br>');
i++;
$(".real").maskMoney({showSymbol:true, symbol:"R$", decimal:",", thousands:"."});
}
calcula() função responsável para fazer o calculo, multiplicando valor pela quantidade
function calcula(vlr_unit, quant)
{
var res;
res = parseFloat(vlr_unit.replace(".", "").replace(",", ".")) * quant;
return parseFloat(res).toFixed(2).replace(".", ",");
}
Trecho que supostamente está o erro
$(document).on('change', ".vlr_unit, .quantidade", function () {
$(".vlr_total").val(calcula($(".vlr_unit").val(), $(".quantidade").val()));
});
Nesta última parte, ele só muda o primeiro campo adicionado
Ultima correção, até agora tudo certo, só resolvendo a questão decimal
$(document).on('change', ".vlr_unit, .quantidade", function () {
var subtotal = 0, total = 0;
$(".vlr_unit").each(function() {
var quantidade = $(this).siblings('.quantidade').val();
subtotal = calcula(this.value, quantidade);
total += parseFloat(subtotal.replace(",", "."));
$("#vlr_total").val(total);
$(this).siblings(".vlr_subtotal").val(subtotal);
});
});