funcion para desabilitar elementos usando checkbox

[sebastian85]

hola estoy tratando de realizar una función que cuando uno seleccione el checkbox se desabiliten los inputs, select y me gustaría también que al desmarcar el checkbox se habiliten nuevamente este es mi codigo:

Código HTML:

function desactivar(){

if(chk=this.checked){

document.f1.espec.disabled =true;

}

}

Código HTML:

<input type="checkbox" name="chk"  onclick="javascript:desactivar()"> 

[zerokilled]

tienes que usar if/else de modo que en un bloque inhabilitas todos los campos que quieras y en el otro bloque habilitas los campos antes inhabilitados. o sea, dentro de tu funcion:

Código:

if(/*compruebas el estado de un elemento */){
// aqui inhabilitas o habilitas los campos;
}else{
// aqui haces lo contrario al bloque anterior;
}

[sebastian85]

Iniciado por zerokilled

tienes que usar if/else de modo que en un bloque inhabilitas todos los campos que quieras y en el otro bloque habilitas los campos antes inhabilitados. o sea, dentro de tu funcion:

Código:

if(/*compruebas el estado de un elemento */){
// aqui inhabilitas o habilitas los campos;
}else{
// aqui haces lo contrario al bloque anterior;
}

sabes que no me funciona el if para comprobar si se selecciono el checkbox estara bien escrito o tiene algun errror.

[zerokilled]

te falla porque el codigo, al no estar directamente definido en el evento, el keyword this hace referencia a otro objeto en lugar del elemento. ¿que puedes hacer? pasale como parametro el keyword this cuando invoques la funcion y, evidentemente, dentro de la funcion usas ese argumento. intentalo...

[sebastian85]

ya encontre la solucion aca la dejo y tengo otra pregunta quiero dejar marcada la opcion checked="checked" cuando uno ingresa a la pagina y si se encuentra cheked esten desabilitados los elementos automaticamente lo deje con la opcion del cheked pero no resulta aparece marcada la opcion pero no estan desabilitados los elementos al entrar a la pagina .

Código HTML:

<td><input type="checkbox" name="chk" checked="checked"  onclick="CambiaEstado(this.checked);">

<script language="javascript" type="text/javascript">
function CambiaEstado(valor){
if (valor == true){
document.f1.espec.disabled = true;
}else{
document.f1.espec.disabled = false;
}
}</script> 

[zerokilled]

aplicale el atributo disabled="disabled" al elemento correpondiente.

[sebastian85]

zerokilled sabes que le aplique el disabled = "disabled"; pero sigue cuando entro a la pagina marcada la opcion del cheked pero no estan desabilitados los elementos

[zerokilled]

en este ejemplo todos los elementos estan inhabilitados con excepcion del checkbox.

Código:

<input type="checkbox" checked="checked" ... />
<input disabled="disabled" ... />
<select disabled="disabled" ... />
...
</select>
<textarea disabled="disabled" ...></textarea>

[sebastian85]

zero esta bien pero ahora tengo el problema de que cuando saco el checked="checked" y la opcion esta desmarcada no se quita el disable que aplico a los elementos sorry por ser tan insistente.

[zerokilled]

ahora comprendi tu consulta, habia entendido que al estar marcado querias que los campos estuvieran inhabilitado. tu codigo me funciona perfectamente y no he hecho ningun cambio a tu codigo. ejemplo con tu codigo...

Código:

<form name="f1">
<input type="checkbox" checked="checked"  onclick="CambiaEstado(this.checked)" />
<input disabled="disabled" name="espec" /></form>
<script language="javascript" type="text/javascript">
function CambiaEstado(valor){
if (valor == true){
document.f1.espec.disabled = true;
}else{
document.f1.espec.disabled = false;
}
}</script>

asegurate que el navegador esta cargando una copia mas reciente. obligale al navegador a cargar el archivo pulsando la tecla CTRL + F5.

[JavierB]

Hola sebastian85 y zerokilled

Sólo para simplificar un poco el código:

Código javascript:

function CambiaEstado(valor){
  document.f1.espec.disabled = valor;
}
 

Saludos,

[sebastian85]

ese mismo codigo si le quitas el checked="checked" te queda :

<input type="checkbox" onclick="CambiaEstado(this.checked)" />

pero cuando actualizas sigue desabilitado el input eso es lo que te preguntaba si se puede habilutar sin tener que estar agregando el disable

[zerokilled]

tendrias que llamar la funcion en algun punto de tu documento. podria ser luego que se cargue el formulario o puede ser en el evento onload. en todo caso, cuando invoques la funcion, tambien tienes que pasarle el estado de dicho checkbox pero esta vez es diferente. no le puedes pasar this.checked porque this siempre hace referencia a un objeto arbitrario de acuerdo a donde es usado.