HTML - activar textfield con checkbox

   
Vista:

activar textfield con checkbox

Publicado por omar (1 intervención) el 21/02/2011 16:28:28
Hola, estoy buscando como hacer lo siguiente:

En un archivo HTML tengo 5 de checkbox de un lado, y del otro, 5 textfield que estan desactivados por defecto. De que manera le puedo hacer para que cuando active un checkbox, se ponga enable el textfield que esta junto. He buscado esto en otros sitios, pero la verdad no les entiendo muy bien.

Espero puedan ayudarme, de antemano, gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow

RE:activar textfield con checkbox

Publicado por ScriptShow (311 intervenciones) el 26/02/2011 12:43:00
Saludos Omar,

una forma sencilla sería:

<script type="text/javascript">
function check(e)
{
if (document.form.elements[e-1].checked==true){document.form.elements[e].disabled=false}
if (document.form.elements[e-1].checked==false){document.form.elements[e].disabled=true}
}
</script>

<form name="form">
<input type="checkbox" name="check1" onclick="check(1)" />
<input type="text" name="text1" disabled /> Text 1 <br />
<input type="checkbox" name="check2" onclick="check(3)" />
<input type="text" name="text2" disabled /> Text 2 <br />
<input type="checkbox" name="check3" onclick="check(5)" />
<input type="text" name="text3" disabled /> Text 3 <br />
<input type="checkbox" name="check4" onclick="check(7)" />
<input type="text" name="text4" disabled /> Text 4 <br />
<input type="checkbox" name="check5" onclick="check(9)" />
<input type="text" name="text5" disabled /> Text 5 <br />
</form>

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar