Ir para conteúdo
rcmmartins

[Resolvido] Somar todos os campos texto

Recommended Posts

Pessoal,

preciso de uma ajuda. procurei mas não encontrei.

 

Tenho uma tela com vários campos textos e preciso somá-los.

Alguem pode me ajudar a somar todos os campos textos de um formulário?

 

Muito Obrigado

Rodrigo

Compartilhar este post


Link para o post
Compartilhar em outros sites
<script>
    function somar(idForm, idResultado) {
        var form = document.getElementById(idForm);
        var inputs = form.querySelectorAll('input[type="text"]');
        var total = 0;
        for(var i = 0; i < inputs.length; i++) {
            if(inputs[i].value.length > 0) { // ignora campos em branco
                total += parseInt(inputs[i].value); // converte o valor do campo em número inteiro e soma
            }
        }
        document.getElementById(idResultado).innerHTML = total;
    }
</script>
<form id="form1">
    <input type="text"><br>
    <input type="text"><br>
    <input type="text"><br>
    <input type="text"><br>
    Total: <span id="total">0</span><br>
    <button type="button" onclick="somar('form1', 'total');">Somar</button>
</form>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

×

Informação importante

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