Versão atual:

Somar campo tabela pai x filho

enter code herePrezados,

Tentei de varias maneiras somar um campo pai X filho. Não foi possível, alguém pelo amor de deus consegue me ajudar. Segue código JS que estou utilizando:

    <div class="row">
                        <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                        <button type="button" class="btn btn-primary" name="btn_addCusto" id="btn_addCusto">Adicionar Custo</button>
                        </div>
                </div>



                <div class="row">



                    <table tablename="custos" class="table" noaddbutton=trues id="custos">
                        <thead>
                            <tr>
                                <td align="center"><b>Fornecedor</b></td>
                                <td align="center"><b>Produto/Serviço</b></td>
                                <td align="center"><b>Valor (R$)</b></td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td style="vertical-align:up;"><input class="form-control" type="text" name="fornecedor" id="fornecedor" ></td>
                                <td style="vertical-align:up;"><input class="form-control" type="text" name="produto" id="produto"></td>
                                <td style="vertical-align:up;"><input class="form-control dvalor" type="text" name="txt_valorProduto" id="txt_valorProduto"></td>
                                <td style="vertical-align:up;" align="center"><button type="button" class="btn btn-primary" name="anexoComprovante" id="anexoComprovante" onclick="showCamera(this.id);">
                                <span class="fluigicon fluigicon-paperclip fluigicon-xs"></span> Anexar Comprovante<br>  
                                <td style="vertical-align:up;" align="center"></td>                                                
                            </tr>
                        </tbody>
                    </table>                                            
                </div>
                <div class="row">
                        <div class="form-group col-xs-6 col-sm-6 col-md-6 col-lg-6">
                            <label for="valorTotal">Valot total</label>    
                            <input type="text" class="form-control" name="txt_valorTotal" id="txt_valorTotal">
                        </div>
                </div>
                </div>
            </div>
$("#btn_addCusto").on("click", function(e){
    wdkAddChild('custos');
    somaProdutos();
});
// Soma o valor de todos os produtos ao sair do campo do valor do produto
$("input[id^='txt_valorProduto___']").on("blur", function somaProduto(){

    var soma = 0;
    // percorre todos os campos Pai x Filho
    $(document).on("blur", "input[id^='txt_valorProduto___']", function(e){
        soma = soma + parseFloat($(this).val());
    });

    // alimenta o campo Total com a soma dos valores dos produtos
    $("#txt_valorTotal").val(soma);


});

Capturar.PNG

Versões (4):

Ver a versão formatada

Somar campo tabela pai x filho

  • criado 24 de Sep de 2019

Comentário

new question