Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

xxabxx

Inputs Dinamico e soma dos valores

Recommended Posts

Bom dia galera,

Estou tentando fazer o seguinte,

Toda vez que clico no botão "add" ele tem que adicionar 3 inputs novos, que seriam valor1, valor2 e total.... até ai tudo bem!

E preciso que mostre o resultado do valor1 + valor2 no campo total.

 

Consegui fazer isso, só que somente com o 3 primeiros inputs.

 

após adicionar os demais o valor do campo "total" está pegando os valores de todos os outros inputs, até ai sei que é porque estou usando o atributo "class" para verificar os inputs

 

Teria alguma maneira de isolar os 3 primeiros campos, dos demais campos que forem adicionados depois? ou um outro modo de fazer isso?

 

 

O código não está terminado, ele está com 2 inputs fixo, e adicionando somente um input adicional, mas até ai é somente incrementar.

 

 

JavaScript

 

 
<script>
$(function () {
    $("#addNome").click(function () {
 
 
        var input = '<div class="nom">';
        input += '<input type="text" class="campo" value="0" />'
 
        $("#nomes").append(input);
        return false;
    });
 
 
 
 
});
 
$(document).ready(function() {
 
// valor inicial
v = 0;
 
// limpa o campo se estiver com zero
$('.campo').click(function() {
if($(this).val()=="0") { $(this).val('') }
});
 
// adiciona o zero se o campo estiver vazio
$('.campo').blur(function() {
if($(this).val()=="") { $(this).val('0') }
});
 
// soma ao digitar no campo
$('.total').keyup(function() {
 
$('.campo').each(function() {
v+=parseFloat($(this).val());
});
 
$('.total').val(v);
 
v = 0;
});
 
});
</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.