Foros del Web » Programando para Internet » Javascript »

Habilitar y deshabilitar textbox con un checkbox

Estas en el tema de Habilitar y deshabilitar textbox con un checkbox en el foro de Javascript en Foros del Web. Hola a todos!! soy nuevo en el foro y me gustaría pudieran ayudarme con el siguiente problema. Estoy intentando desarrollar una aplicación web con una ...
  #1 (permalink)  
Antiguo 13/06/2008, 02:16
 
Fecha de Ingreso: abril-2008
Ubicación: San Luis Potosí, S.L.P.
Mensajes: 3
Antigüedad: 16 años
Puntos: 0
Habilitar y deshabilitar textbox con un checkbox

Hola a todos!! soy nuevo en el foro y me gustaría pudieran ayudarme con el siguiente problema. Estoy intentando desarrollar una aplicación web con una herramienta llamada CodeCharge Studio (no se si alguno de ustedes la ha utilizado) en donde tengo una página que tiene un formulario de registro y este a su vez contiene un checkbox y un textbox. El punto es que quisiera que cuando el checkbox este desmarcado el textbox se deshabilite y por el contrario cuando sea marcado este se habilite. Tal vez es algo muy sencillo pero creanme que me ha causado un dolor de cabeza porque apenas hace 3 días no sabía nada sobre Javascript y he estado investigando sobre el lenguaje. Con base en varios ejemplos y manuales que he leído hice un script que hasta donde mi limitado entendimiento del lenguaje me sugiere que debería funcionar, pero no es así y es por ello que les pido su ayuda para saber en donde esta el problema. Aquí les dejo el código:



<script language="JavaScript" type="text/javascript">

function activar()
{
if (document.getElementById('orden_compraDepreciable' ).checked==false)
{
document.getElementById('orden_compraTiempo_deprec iacion').disabled=true;
}
if (document.getElementById('orden_compraDepreciable' ).checked==true)
{
document.getElementById('orden_compraTiempo_deprec iacion').disabled=false;
}
}

</script>

<form id="orden_compra" name="{HTMLFormName}" action="{Action}" method="post">
<input id="orden_compraDepreciable" type="checkbox" value="1" name="{Depreciable_Name}" {Depreciable} onclick="activar()">
<input id="orden_compraTiempo_depreciacion" disabled maxlength="20" value="{Tiempo_depreciacion}" name="{Tiempo_depreciacion_Name}" size="20">

La función "activar()" la incrusté en el evento OnClick del checkbox del lado del cliente, y los inputs los generó automáticamente la herramienta pero agregué también el evento onclick="activar()" en el input del checkbox. Sin mas por el momento les agradezco de antemano y ojalá puedan ayudarme a salir del apuro. Un cordial saludo!!!
  #2 (permalink)  
Antiguo 13/06/2008, 03:03
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
Respuesta: Habilitar y deshabilitar textbox con un checkbox

Hola metallivan bienvenido a los foros

Podrías ponerle esto al check
Código:
onclick="this.checked ? document.getElementById('id_del_campo').disabled = false :document.getElementById('id_del_campo').disabled = true;"
cambia lo que está en rojo por el id del campo

Así a ojo debería de funcionar
  #3 (permalink)  
Antiguo 13/06/2008, 03:09
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Habilitar y deshabilitar textbox con un checkbox

Cita:
Iniciado por tunait Ver Mensaje
Hola metallivan bienvenido a los foros

Podrías ponerle esto al check
Código:
onclick="this.checked ? document.getElementById('id_del_campo').disabled = false :document.getElementById('id_del_campo').disabled = true;"
cambia lo que está en rojo por el id del campo

Así a ojo debería de funcionar
ó también:

Código:
onclick="document.getElementById('d_del_campo').disabled = !this.checked"
Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 13/06/2008, 03:11
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
Respuesta: Habilitar y deshabilitar textbox con un checkbox

Cita:
Iniciado por caricatos Ver Mensaje
ó también:

Código:
onclick="document.getElementById('d_del_campo').disabled = !this.checked"
Saludos
Mejor


Buenos días Pepe
  #5 (permalink)  
Antiguo 13/06/2008, 09:18
 
Fecha de Ingreso: abril-2008
Ubicación: San Luis Potosí, S.L.P.
Mensajes: 3
Antigüedad: 16 años
Puntos: 0
De acuerdo Respuesta: Habilitar y deshabilitar textbox con un checkbox

Cita:
Iniciado por caricatos Ver Mensaje
ó también:

Código:
onclick="document.getElementById('d_del_campo').disabled = !this.checked"
Saludos
Funcionó a la perfección!!!!!!!! .... mil gracias caricatos y tunait por la enorme ayuda, no cabe duda que estos foros nos son de gran ayuda a los que somos aún novatos, gracias por su tiempo. Saludos!!!
  #6 (permalink)  
Antiguo 04/04/2010, 21:03
 
Fecha de Ingreso: marzo-2003
Mensajes: 164
Antigüedad: 21 años, 1 mes
Puntos: 0
Respuesta: Habilitar y deshabilitar textbox con un checkbox

excelente, gracias
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 09:52.