Somar Checkboxes

[Web Lucas Oliveira 1]

Não estou conseguindo somar alguns checkboxes de valores em Float..

 

 

Por exemplo:

Quero selecionar vários checkboxes e ir somando em um campo de texto..

consegui fazer algo parecido

 

mas quando desmarco, ele continua somando...se alguém souber...

 

 

Script:

 

<script language="JavaScript">
total = 0; //toal é zero no começo
function checar(){
var form = document.forms[0]; //pega o primeiro form q aparecer
       for (var i=0;i < form.elements.length;i++) //checa o numero de elementos no form
       {
               if(form.elements[i].type == "checkbox") //procura somente pelos 'checkbox'
               {
                       checa = form.elements[i].getAttribute("name"); //pega o atributo ID de cada checkbox
                       if(checa == "check[]" && (form.elements[i].checked)){ //compara pra ver se está marcado
                               total = (parseInt(total) + parseInt(form.elements[i].value)); //transforma em Integer pra poder somar certo
                       }else if(checa == "check[]"){
                               total = (parseInt(total) - parseInt(form.elements[i].value)); //transforma em Integer pra poder somar certo
                       }
                }
       }
       form.total_valor.value = total; //atualiza o campo

} 
</script> 

 

 

 

HTML:

 

      <input type="checkbox" name="check[]" id="check[]" class="radio" value="99.90" onchange="checar();"/>
      <input type="checkbox" name="check[]" id="check[]" class="radio" value="29.90" onchange="checar();"/>
      <input type="checkbox" name="check[]" id="check[]" class="radio" value="39.90" onchange="checar();"/>
      <input type="checkbox" name="check[]" id="check[]" class="radio" value="19.90" onchange="checar();"/>
      <input type="checkbox" name="check[]" id="check[]" class="radio" value="24.90" onchange="checar();"/>
      <input type="checkbox" name="check[]" id="check[]" class="radio" value="39.90" onchange="checar();"/>
      <input type="checkbox" name="check[]" id="check[]" class="radio" value="29.90" onchange="checar();"/>
      <input type="checkbox" name="check[]" id="check[]" class="radio" value="19.90" onchange="checar();"/>

      <input type="text" name="total_valor" value="" size="30"/>

 

 

[thyagowolff 0]

oi , brother dá uma melhoradinha , se for isso que voçê quer abraços!

 

script

<script language="JavaScript">


function checar(){
var total = 0; 
var form = document.forms[0]; //pega o primeiro form q aparecer
       for (var i=0;i < form.elements.length;i++) //checa o numero de elementos no form
       {
               if(form.elements[i].type == "checkbox") //procura somente pelos 'checkbox'
               {		
                       checa = form.elements[i]; //pega o atributo ID de cada checkbox
                      	total += parseInt(checa.value);


			 }
       }
       return total; //atualiza o campo

} 
function soma()

{
var total2 = 0; 
var form2 = document.forms[0]; //pega o primeiro form q aparecer
       for (var i2=0;i2 < form2.elements.length;i2++) //checa o numero de elementos no form
       {
               if(form2.elements[i2].type == "checkbox") //procura somente pelos 'checkbox'
               {		
                       checa2 = form2.elements[i2]; //pega o atributo ID de cada checkbox
                      	if(checa2.checked)
					{
					total2 +=  parseInt(checa2.value);	

					}


			 }
       }
      form2.total_valor.value = checar()-parseInt(checar() - total2);


}



</script> 

 

 

html

  <form>

  	<input type="checkbox" name="check[]" id="check[]" class="radio" value="1" onClick="soma()"/>
      <input type="checkbox" name="check[]" id="check[]" class="radio" value="2" onClick="soma()"/>
      <input type="checkbox" name="check[]" id="check[]" class="radio" value="3" onClick="soma()"/>
      <input type="checkbox" name="check[]" id="check[]" class="radio" value="4" onClick="soma()"/>
      <input type="checkbox" name="check[]" id="check[]" class="radio" value="5" onClick="soma()"/>


      <input type="text" name="total_valor" value="" size="30"/>

      </form>