Somar/Subtrair valores checkbox

Telles85 · April 29, 2022 at 04:15 PM

Queria somar os valores de várias checkbox, cada vez que fizer check numa checkbox ele acrescenta o valor, quando retirar o check ele retira o valor.

Sou iniciante e estou com dúvidas neste ponto, por favor.

Deixo aqui o meu formulário HTML:

<form action="" name="formulario" onchange="calcularValores()">
        <input type="checkbox" id="tipo-pagina" name="separadores" value="400">1
        <input type="checkbox" id="tipo-pagina" name="separadores" value="400">2
        <input type="checkbox" id="tipo-pagina" name="separadores" value="400">3
        <input type="checkbox" id="tipo-pagina" name="separadores" value="400">4
        <input type="checkbox" id="tipo-pagina" name="separadores" value="400">5
        <input type="checkbox" id="tipo-pagina" name="separadores" value="400">6
        <input type="checkbox" id="tipo-pagina" name="separadores" value="400">7
        <input type="text" id="valororcamento" name="valororcamento" value="">
</form>

Zex · April 29, 2022 at 09:23 PM



<script>

var soma1 = 0
var soma2 = 0

function somar(check)
  {
  if ( check.checked ) soma1 += 1*check.value;
    else               soma1 -= 1*check.value;

  document.getElementById("valororcamento1").value = soma1
  }

function calcularValores()
  {
  soma2 = 0 
  for (var i=1; i<=7; i++)
    {
    var check = document.getElementById("check"+i)
    if ( check.checked ) soma2 += 1*check.value;
    }

  document.getElementById("valororcamento2").value = soma2
  }


</script>

<body>

 <form action="" name="formulario" onchange="calcularValores()">

        <input type="checkbox" id="check1" value="400" onchange="somar(this)">1</input>
        <input type="checkbox" id="check2" value="400" onchange="somar(this)">2</input>
        <input type="checkbox" id="check3" value="400" onchange="somar(this)">3</input>
        <input type="checkbox" id="check4" value="400" onchange="somar(this)">4</input>
        <input type="checkbox" id="check5" value="400" onchange="somar(this)">5</input>
        <input type="checkbox" id="check6" value="400" onchange="somar(this)">6</input>
        <input type="checkbox" id="check7" value="400" onchange="somar(this)">7</input>

        <input type="text" id="valororcamento1" value="">

        <input type="text" id="valororcamento2" value="">

    </form>

Citação

Telles85 · April 30, 2022 at 03:02 PM

Fantástico, muito obrigado, é mesmo isso que precisava.

Para quem é iniciante não é fácil. Obrigadíssimo.

Sign In

Somar/Subtrair valores checkbox

Recommended Posts

Telles85

Link to comment

Share on other sites

Zex

Link to comment

Share on other sites

Telles85

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Home

Activity

Revista PROGRAMAR

Important Information