SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Javascript
Code

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.
Visitas: 47,918 - 06/01/2004 18:11:05
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <script language ="Javascript">
  2. function marcar(){
  3. marca_1();
  4. marca_2();
  5. marca_3();
  6. }
  7. function marca_1(){
  8. if(document.form.chck1.checked){
  9. document.form.b1.disabled=false
  10. document.form.b1.style.backgroundColor='#FFFFFF'
  11. document.form.b1.value=a1
  12. document.form.b1.focus()
  13. }
  14. else{
  15. document.form.b1.disabled=true
  16. document.form.b1.style.backgroundColor='#D6D3CE'
  17. a1=document.form.b1.value
  18. document.form.b1.value=""
  19. }
  20. }
  21. function marca_2(){
  22. if(document.form.chck2.checked){
  23. document.form.b2.disabled=false
  24. document.form.b2.style.backgroundColor='#FFFFFF'
  25. document.form.b2.value=a2
  26. document.form.b2.focus()
  27. }
  28. else{
  29. document.form.b2.disabled=true
  30. document.form.b2.style.backgroundColor='#D6D3CE'
  31. a2=document.form.b2.value
  32. document.form.b2.value=""
  33. }
  34. }
  35. function marca_3(){
  36. if(document.form.chck3.checked){
  37. document.form.b3.disabled=false
  38. document.form.b3.style.backgroundColor='#FFFFFF'
  39. document.form.b3.value=a3
  40. document.form.b3.focus()
  41. }
  42. else{
  43. document.form.b3.disabled=true
  44. document.form.b3.style.backgroundColor='#D6D3CE'
  45. a3=document.form.b3.value
  46. document.form.b3.value=""
  47. }
  48. }
  49. </script>
  50. <body onload="marcar()">
  51. <form method="POST" name="form">
  52.   <p><input type="checkbox" name="chck1" value="ON" onclick="marca_1()"><input style="background-color: #D6D3CE" type="text" name="b1" size="20" disabled></p>
  53.   <p><input type="checkbox" name="chck2" value="ON" onclick="marca_2()"><input style="background-color: #D6D3CE" type="text" name="b2" size="20" disabled></p>
  54.   <p><input type="checkbox" name="chck3" value="ON" onclick="marca_3()"><input style="background-color: #D6D3CE" type="text" name="b3" size="20" disabled></p>
  55. </form>
  56. </body>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<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>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
10-06-2008 15:59:52
4 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
10-06-2008 15:59:52
2 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
30-10-2008 20:45:56
1 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.