Javascript - Activar campo de texto segun checkbox activado

Códigos Javascript

En el manejo deformularios este script puede ser muy util, puesto que los campos de texto estaran desactivados hasta que el visitante active o marque la casilla o ckeckbox.

Tutores.org

Inicio > Javascript

Visitas: 53,209 - 06/01/2004 18:11:05

CODIGO

Este codigo aun no ha sido probado por Tutores.org en Opera

Este codigo aun no ha sido probado por Tutores.org en Safari

# Codigo ofrecido por Tutores.org

<script language ="Javascript">
function marcar(){
marca_1();
marca_2();
marca_3();
}
function marca_1(){
if(document.form.chck1.checked){
document.form.b1.disabled=false
document.form.b1.style.backgroundColor='#FFFFFF'
document.form.b1.value=a1
document.form.b1.focus()
}
else{
document.form.b1.disabled=true
document.form.b1.style.backgroundColor='#D6D3CE'
a1=document.form.b1.value
document.form.b1.value=""
}
}
function marca_2(){
if(document.form.chck2.checked){
document.form.b2.disabled=false
document.form.b2.style.backgroundColor='#FFFFFF'
document.form.b2.value=a2
document.form.b2.focus()
}
else{
document.form.b2.disabled=true
document.form.b2.style.backgroundColor='#D6D3CE'
a2=document.form.b2.value
document.form.b2.value=""
}
}
function marca_3(){
if(document.form.chck3.checked){
document.form.b3.disabled=false
document.form.b3.style.backgroundColor='#FFFFFF'
document.form.b3.value=a3
document.form.b3.focus()
}
else{
document.form.b3.disabled=true
document.form.b3.style.backgroundColor='#D6D3CE'
a3=document.form.b3.value
document.form.b3.value=""
}
}
</script>
<body onload="marcar()">
<form method="POST" name="form">
<p><input type="checkbox" name="chck1" value="ON" onclick="marca_1()"><input style="background-color: #D6D3CE" type="text" name="b1" size="20" disabled></p>
<p><input type="checkbox" name="chck2" value="ON" onclick="marca_2()"><input style="background-color: #D6D3CE" type="text" name="b2" size="20" disabled></p>
<p><input type="checkbox" name="chck3" value="ON" onclick="marca_3()"><input style="background-color: #D6D3CE" type="text" name="b3" size="20" disabled></p>
</form>
</body>

ENLACE AL CODIGO

Si quieres enlazar desde tu pagina a este codigo

<a title="Tutores.org - Activar campo de texto segun checkbox activado" href="http://www.tutores.org/codigo/937/" target="_blank">Activar campo de texto segun checkbox activado</a>

COMENTARIOS

Comentario usuario

lmartinez 10-06-2008 15:59:52

5 5

Sugerencia para activar grupos de radio buttons según el checkbox activado? es decir, que sólo se habiliten para elegir los radio buttons si se ha elegido el checkbox.

Comentario usuario

lmartinez 10-06-2008 15:59:52

3 5

Olvidé agregar que las opciones de los radio buttons las leo de una base de datos, por lo que no se cuántas son para cada checkbox.

Comentario usuario

ney07 30-10-2008 20:45:56

2 5

como puedo hacer para que al marcar un solo checkbox se desabiliten varios campos(entre ellos lista menus, textoy y radio buton)?por favor necesito su ayuda

INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
	Codigo Seguridad
	Antes de enviar un comentario... Todos los comentarios son revisados personalmente Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado Usuarios registrados tienen preferencia en recibir respuestas de ayuda!! Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor. Por favor, insertar los comentarios descriptivos.