Habilitar un combo al chequear un checkbox

El_Aprendiz · #1 (**permalink**) 04/01/2007, 18:43

Hola:

Tengo un problema como puedo hacer en un formulario lo siguiente:

tengo una combo desabilitado y al lado de este una checkbox, y deseo que al chequear el checkbox el combo se habilite para seleccionar algunos datos.

Gracias por su tiempo

caricatos · #2 (**permalink**) 05/01/2007, 01:57

Hola:

Puedes hacer una búsqueda para ver muchos temas sobre este asunto.

Básicamente sería:

<input type="checkbox" onclick="selector.disabled = !this.checked" />
<select name="selector" disabled >
<option >seleccione una opción</option>

</select>

Saludos

ZiTAL · #3 (**permalink**) 05/01/2007, 02:31

Código HTML:

<html>
<head>
 <script type="text/javascript">
  function Block(esto,id)
   {
    if(esto.checked==true)
     {
		id=document.getElementById(id);
		id.disabled=false;		
	 }	
	else
	 {
		id=document.getElementById(id);
		id.disabled=true;				
	 }
   }
 </script>
</head>
<body onload="Block(document.getElementById('txek'),'Aukera')">
<input type="checkbox" id="txek" onclick="Block(this,'Aukera')"/>
<select id="Aukera">
 <option value="1">Uno</option>
 <option value="2">Dos</option>
</select>
</body>
</html>

espero que te sirva, lo he hecho ahora mismo ;)

lacasadelhard · #4 (**permalink**) 10/01/2007, 20:38

YO PRECISO LO MISMO PERO EN VEZ DE UN COMBO, QUIERO Q SE HABILITE UN SIMPLE TEXTBOX PARA ANOTAR UNA CANTIDAD. Como es el codigo?

rrodriguez1310 · #5 (**permalink**) 10/01/2007, 20:50

function activa()
{
if (document.getElemntById.("checkbox").checked==true )
{document.getElemntById.("textbox").disabled=false ;
}
else
{document.getElemntById.("textbox").disabled=true;

}
}
y lo llamas en el onclick del checkbox, espero te sirva, saludos...

lacasadelhard · #6 (**permalink**) 10/01/2007, 21:00

MMMM ASI???

Código:

<html>
<head>
 <script type="text/javascript">
 
function activa()
{
if (document.getElemntById.("checkbox").checked==true )
{document.getElemntById.("textbox").disabled=false ;
}
else
{document.getElemntById.("textbox").disabled=true;

}
}

 </script>
</head>

<input type="checkbox" id="txek" onclick="activa()"/>

</body>
</html>

rrodriguez1310 · #7 (**permalink**) 10/01/2007, 21:06

ok, en textbox y checkbox los nombres de estos por supuesto...

lacasadelhard · #8 (**permalink**) 10/01/2007, 21:13

disculpame pero no me sale a que te referis:

Código:

<html>
<head>
 <script type="text/javascript">
 
function activa()
{
if (document.getElemntById.("checkbox").checked==true )
{document.getElemntById.("textbox").disabled=false ;
}
else
{document.getElemntById.("textbox").disabled=true;

}
}

 </script>
</head>

<BODY> 
<input type="checkbox" id="checkbox" onclick="activa()"/>

</body>
</html>

rrodriguez1310 · #9 (**permalink**) 10/01/2007, 21:25

<html>
<head>
<script type="text/javascript">

function activa()
{
if (document.getElemntById.("checkbox").checked )
{document.getElemntById.("textbox").disabled=false ;
}
else
{document.getElemntById.("textbox").disabled=true;

}
}

</script>
</head>

<BODY>
<input type="checkbox" id="checkbox" onclick="activa()"/>

</body>
</html>
en donde estan los nombre "textbox" colocas el id de este, ah elimina el ==true...

lacasadelhard · #10 (**permalink**) 10/01/2007, 21:37

pero como se cual es el id del text box?

rrodriguez1310 · #11 (**permalink**) 10/01/2007, 21:42

<input name="codigo" type="text" id="codigo" />
si no lo tiene se lo pones tu...

lacasadelhard · #12 (**permalink**) 10/01/2007, 21:59

LO PUSE ASI, AHORA ME APARECE EL TEXT SIEMPRE Y NUNCA SE BLOQUEA, YO QUERIA Q CUANDO SE CARGE ESTE OCULTO Y SOLO SE HABILITE ANTE UN CHECKBOX HABILITADO

Código:

<html>
<head>
<script type="text/javascript">

function activa()
{
if (document.getElemntById.("checkbox").checked )
{document.getElemntById.("codigo").disabled=false ;
}
else
{document.getElemntById.("codigo").disabled=true;

}
}

</script>

</head>

<BODY> 
<input type="checkbox" id="checkbox" onclick="activa()"/>
<input name="codigo" type="text" id="codigo" />

</body>
</html>

ZiTAL · #13 (**permalink**) 11/01/2007, 01:33

Comentar que el foro no es una ONG, que primero hay que intentarlo y si no se consigue pues preguntar, pero como estamos de buen humor:

Código HTML:

<html> 
<head>
<script type="text/javascript">  
 function Block(esto,id) 
  { 
   if(esto.checked==true) 
    { 
	  id=document.getElementById(id); 
	  id.disabled=false;
	  id.focus(); 
	} 
   else 
    { 
	  id=document.getElementById(id); 
	  id.value="";
	  id.disabled=true; 
	} 
  } 
</script> 
</head> 
<body onload="Block(document.getElementById('txek'),'Aukera')"> 
<input type="checkbox" id="txek" name="txek" onclick="Block(this,'Aukera')"/> 
<input type="textbox" id="Aukera" name="Aukera" />
</body> 
</html>

;)

caricatos · #14 (**permalink**) 11/01/2007, 01:37

Hola:

Si se tratase de elementos del mismo formulario (lo más coherente) la respuesta es mucho más sencilla (como la que puse en la primera respuesta, que parece que nadie le dió importancia...

)

<form>
<input type="checkbox" onclick="codigo.disabled = !this.checked" />
<input name="codigo" type="text" id="codigo" disabled />
</form>

Saludos

ElChivaS923 · #15 (**permalink**) 10/03/2009, 16:36

ha sido muy util toda la info posteada, estoy utilizando algunas respuestas como referencia, gracias..

estoy buscando realizar algo parecido, pero trabajando con checkbox, he logrado habilitar e inhabilitar SOLO un checkbox con radiobutton y con checkbox pero precisamente ese es el problema, necesito inhabilitar VARIOS checkbox, al estilo de "seleccion multiple"

*pregunta
*opciones:
A B C D NINGUNA DE LAS ANTERIORES

donde al marcar ninguna de las anteriores, se inhabiliten el resto de las opciones

gracias de antemano por la ayuda