Skip to main content
1 de 2
braulio_holtz
  • 1,6mil
  • 1
  • 14
  • 14

Alterar um textbox dentro de um grupo de textbox / jQuery

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

braulio_holtz
  • 1,6mil
  • 1
  • 14
  • 14