-3

Preciso exibir o total de um "item valor x quantidade" em um paragrafo de um formulário dinâmico, esse formulário tem um botão que ao clicar cria outra div para preencher.

Consegui fazer com a div fica pegar o valor e mostrar mas quando vou para div criada dinamicamente não aparece.

function calculo() {

  $('.totaldoValor2').each(function(i) {
    var valor = parseInt(document.querySelector(".valorUnitario").value, 10)
    var unidade = parseInt(document.querySelector(".qtd").value, 10)
    var total = valor * unidade;
    console.log(total);

    document.querySelector('.totaldoValor2').innerHTML = total

  })

}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="despesas1 linha">
  <button type="button" class="remove"><i class="fas fa-times"></i></button>

  <select name="" id="">
    <option value="">Hospedagem</option>
    <option value="">Pedágio</option>
    <option value="">Alimentação</option>
    <option value="">Combustivel</option>
    <option value="">Outra</option>
  </select>
  <input type="text" name="">
  <input type="text" name="valorUnitario" class="valorUnitario" onblur="calculo()">
  <input type="text" name="qtd" class="qtd" onblur="calculo()">
  <p name="totalValor" value=" " disabled class="totaldoValor2"></p>
</div>

1 Resposta 1

-2

Consegui resolver.

function teste(){

    $('.linha').each(function (){
        console.log(this);

        // pega os valores dos inputs 

        var qtd = $(this).find('input[name=quantidade]').val()
        var val = $(this).find('input[name=valor_unitario]').val();
        var total = parseFloat(qtd) * parseFloat(val);

        //tratamento do NaN

        if(isNaN(total)){
            $(this).find('input[name=valor_total]').val(" ").html(" ")
        }else{
            $(this).find('input[name=valor_total]').val(total).html(total)
        }
        

       
    });

    // validação input    
    $('.linha').each(function (){
        console.log(this);

        var total1 =  $(this).find('input[name=valor_total]').val()
        
        if(total1 >= 200){
            $(this).addClass( "selected" ).hasClass("linha");
                    
        }       
    });
}
4
  • 1
    @Augusto Vasques poderia me explicar o motivo de retirar o "Boa tarde!" , isso atrapalha em alguma coisa na pesquisa? Desculpe a pergunta mas sou novo aqui
    – Jonathan
    20/01/2022 às 23:44
  • 1
    Sim posso explicar. Porque não somos uma rede social ou fórum ou grupo de discussão. O Stack Overflow é um site de perguntas e resposta técnicas sobre linguagem de programação e nosso código de conduta estabelece que nas publicações não devem ser feitos cumprimentos, agradecimentos, ser feito o uso de assinaturas e frases de efeito. 20/01/2022 às 23:50
  • 1
    É um comportamento já estabelecido pela comunidade, pode parecer que não mas o caminho entre Boa tarde para um Fala ai seus locos ou E ai bando de FDPs é curto. Fora o fato que é num site de alcance mundial cumprimentar pelo horário é ruído comunicação temos usuários em todos os fusos horários, bom dia para um é boa noite para outro. 20/01/2022 às 23:55
  • @AugustoVasques Entendi, obrigado.
    – Jonathan
    22/01/2022 às 11:54

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .