Foros del Web » Creando para Internet » HTML »

ayuda con checkbox

Estas en el tema de ayuda con checkbox en el foro de HTML en Foros del Web. Hola quiero hacer lo siguiente tengo 3 <input type = text > uno es para nombre uno es para clave uno es para usuario pero ...
  #1 (permalink)  
Antiguo 24/04/2010, 20:55
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años, 7 meses
Puntos: 131
Pregunta ayuda con checkbox

Hola quiero hacer lo siguiente
tengo 3 <input type = text >
uno es para nombre
uno es para clave
uno es para usuario

pero quiero poner enfrente de estos cuadros de texto, unos checkbox y que al seleccionar el checkbox que esta en nombre abilite ese cuadro de texto y si no esta selecionado este desabilitado como lo hago
  #2 (permalink)  
Antiguo 24/04/2010, 22:56
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: ayuda con checkbox

Esto hace lo que tu quieres

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Activar campo por CheckBox</title>
  5. <script type="text/javascript">
  6. function campo_enabled( ) {
  7. document.forms['form1'].elements['texto_nombre'].disabled =! document.forms['form1'].elements['activar'].checked;
  8. }
  9. </head>
  10.  
  11. <body onload="document.forms['form1'].elements['texto_nombre'].disabled=true;">
  12. <form id="form1" action="#">
  13. <input type="checkbox" id="activar" name="activar" onchange="campo_enabled()" />
  14. <label for="activar">Activar con checkBox</label><br />
  15. <input type="text" id="texto_nombre" />
  16. </form>
  17. </body>
  18. </html>

Saludos

Etiquetas: checkbox, opcionesconcheckbox
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.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:50.