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

compartilhar
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

1 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags paifilho somartabela tabela ou faça a sua própria pergunta.