Publicentral.com - alta en buscadores, registro buscadores, promocionaPromocion en buscadores y negocios online
Mostrando Codigo - Javascript
Code

Javascript - Mostar o esconder contenidos segun el estado de un checkbox

Códigos Javascript

Dependiendo del estado en que se encuentre el checkbox o casilla de verificacion se mostrara o no el contenido dentro de un div o capa.
Visitas: 30,347 - 12-06-2008 19:17:10
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Codigo probado en ChromeCodigo probado en Mozilla FirefoxCodigo probado en Internet Explorer 7+Codigo probado en OperaCodigo probado en Safari


# Codigo ofrecido por Tutores.org

  1. <html>
  2. <head>
  3. <title>Untitled Document</title>
  4. <script type="text/javascript">
  5. function CompruebaCheckBox(checkerbox,div){
  6. if(checkerbox.checked){
  7. document.getElementById(div).style.display="block"
  8. }
  9. else{
  10. document.getElementById(div).style.display="none"
  11. }
  12. }
  13. </script>
  14. </head>
  15. <body>
  16. <input name=""  value="1" type="checkbox" onclick="CompruebaCheckBox(this,'DivMuestra');" /> Deseas mostar el contenido?
  17. <div id="DivMuestra" style="display:none">
  18. <input name=""  type="text" style="width:80px;" /><br />
  19. Este seria algun texto para el contenido
  20. </div>
  21. </body>
  22. </html>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Mostar o esconder contenidos segun el estado de un checkbox" href="http://www.tutores.org/codigo/1844/" target="_blank">Mostar o esconder contenidos segun el estado de un checkbox</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
max_payne
3 5
gracias es lo que andaba buscabdo, me ha servido de mucho
Comentario usuario
Tara
1 5
Buen script, y cómo sería si se tratara de una lista de selección en lugar de un Checkbox, en el que por ejemplo si seleccionas un país específico debe aparecer la segunda lista, sino no?.
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.