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