ayuda con checkbox y javascript!

Fridureiks · #1 (**permalink**) 31/10/2005, 23:29

Hola, soy muy nuevo en esto de javascript y sino pregunto esto ahora no aprendo mas jeje. La cuestion es la siguiente: Mediante php muestro articulos de una bd y necesito agregar un checkbox por articulo... para practicar cree los checkbox con un FOR:

Código PHP:

 
<form name="form1" method="post" action="prueba2.php"> 
  <? 
  for($i=0 ; $i<10 ; $i++) 
   { 
      ?> 
  <p>  
    <input name="check[]" type="checkbox" value= <? echo "articulo$i"; ?> onClick="revisa(this.form)" > 
  </p> 
      <? 
   }  
  ?> 
    <p> 
    <input type="submit" name="Submit" value="Enviar"> 
  </p> 
</form>

Ahora lo que necesito es que, si el usuario marca 3 de los checkbox, el resto se deshabiliten. Si hay menos de 3 marcados, quiero que todos los demas esten habilitados. Experimentando intente hacer algo con funciones, pero no me anda... hice esto:

Código:

<script languaje="javascript">
function revisa(form)

{
	z=0;
	for (j=0;j<10;j++) 
	{
    		if(form.check[j].checked == true)
		{
			z=z+1;
			if(z==3)
			{
				for (k=0;k<10;k++) 
	                        {
		                         if (form.check[k].checked == false) //deshabilito los que no estan marcados
    	                                 {
		                                  form.check[k].disabled = true;
		                         }
                                 }
			}
		}
	}
	if(z<3)
	{
		for (k=0;k<10;k++)  //habilito todos
	        {
		       form.check[k].disabled = false;
    	         }
	}
}
</script>

Seguramente me estoy equivocando en alguna novatada, pero no se como hacer que funcione ni se si lo estoy haciendo de manera correcta. Si alguien me da una mano estare muy agradecido.

Desde ya muchas gracias!

Saludos y disculpen por lo extenso del asunto.

living · #2 (**permalink**) 01/11/2005, 04:09

Esto te podría valer:

Código HTML:

<html>
<head>
<script>

function deshabilitarChecks(){
	var numMarcados=0;
	var i=0;
	var checks=document.getElementsByName("check[]");
	while (numMarcados<3 && i<checks.length){
		if(checks[i].checked){
			numMarcados++;
		}
		i++;
	}
	if (numMarcados>=3){
			for (i=0;i<checks.length;i++){
					if (!checks[i].checked){
						checks[i].disabled=true;
					}
			}
	}else{
			for (i=0;i<checks.length;i++){					
					checks[i].disabled=false;					
			}
	}
}
</script>
</head>

<body >
<form name="formulario">
<input type="checkbox" name="check[]"  onClick="deshabilitarChecks()">
<br>
<input type="checkbox" name="check[]"  onClick="deshabilitarChecks()">
<br>
<input type="checkbox" name="check[]"  onClick="deshabilitarChecks()">
<br>
<input type="checkbox" name="check[]"  onClick="deshabilitarChecks()">
<br>
<input type="checkbox" name="check[]"  onClick="deshabilitarChecks()">
<br>
<input type="checkbox" name="check[]"  onClick="deshabilitarChecks()">
<br>
<input type="checkbox" name="check[]"  onClick="deshabilitarChecks()">
<br>
<input type="checkbox" name="check[]"  onClick="deshabilitarChecks()">
<br>
<input type="checkbox" name="check[]"  onClick="deshabilitarChecks()">
<br>
<input type="checkbox" name="check[]"  onClick="deshabilitarChecks()">
</form>

</body>
</html>

Fridureiks · #3 (**permalink**) 01/11/2005, 08:08

Funciona de maravilla!!, muchisimas gracias porque ya no sabia que tocar para que funcione el otro codigo.

Lo que si, sigo sin entender por que no funciona mi codigo, acaso esto no se puede hacer?

Código:

if(form.check[j].checked == true)
		{

o es que puse algo mal en las variables y por eso no me las toma como se debe.

Muchisimas gracias nuevamente!!

living · #4 (**permalink**) 01/11/2005, 08:41

Sin entrar en profuncidad en tu código, podría funcionar si tus checkbox se llamaran "check" pero se llaman "check[]". Y si en tu código javascript sustituyeras check por check[]:

if(form.check[][j].checked == true)

daría error de sintaxis por eso yo he utilizado esta función:

var checks=document.getElementsByName("check[]");

Fridureiks · #5 (**permalink**) 01/11/2005, 11:20

ahhhmmm entiendo, no les puse de nombre check porque lo necesitaba de la otra forma para poder verlos facil con php. Dudas resueltas.

Muchas gracias!!