Sumar con CheckBox JS

flashtkd · #1 (**permalink**) 11/01/2009, 21:51

Al seleccionar un checkbox, independiente cual sea, se suma el valor, lo muestra en un text. como se muestra en las imagenes.

tengo problemas en el javascript, no funciona como debe de ser.

Código HTML:

 <script type="text/javascript">  
     function presionar() {	
         int check1, check2, check3 check4, resultado;

	 check1 = 50;
	 check2 = 40;
	 check3 = 10;
	 check4 = 20;

	 resultado= check1 + check2 + check3 check4;

         //imprimo el resultado en pantalla

	 document.getElementById('seleccion').innerHTML='El resultado es: ' <input type="text" value="resultado">; 
     }   
     
      </script>
   
     
   
  <p id="seleccion">&nbsp;</p>   
  <form name="form1">	  
	 <input type="checkbox" name="check1"> 50
     <br>
     <input type="checkbox" name="check2"> 40
     <br>
     <input type="checkbox" name="check3"> 10
     <br>
     <input type="checkbox" name="check4"> 20
     <br>    
     <input type="button" value="aceptar" onClick="presionar()">  
  </form>

Trato de llegar a lograr esto:

Fernand0 · #2 (**permalink**) 12/01/2009, 02:06

Código PHP:

  <html>
<body>

<script type="text/javascript">  
function presionar(form) {    

var form=document[form];

var _check=[], resultado=0;

_check[0]=50;
_check[1]=40;
_check[2]=10;
_check[3]=20;

for(var i=0; _check[i]; ++i)
{
if(form.check[i].checked) resultado+=_check[i];
}

document.getElementById('seleccion').innerHTML='El resultado es: <input type="text" value="'+resultado+'">'; 
}
</script>
   
  <form name="form1">      
     <input type="checkbox" name="check"> 50
     <br>
     <input type="checkbox" name="check"> 40
     <br>
     <input type="checkbox" name="check"> 10
     <br>
     <input type="checkbox" name="check"> 20
     <br>    
     <input type="button" value="aceptar" onClick="presionar('form1')">  
  </form>
<p id="seleccion">&nbsp;</p> 

</body>
</html>