Saltar al contenido

Como abrir popup de un checkbox con javascript

junio 16, 2018
Como abrir popup de un checkbox con javascript

Como abrir popup de un checkbox con javascript. Este código aunque es un poco inusual crear una función en JavaScript para que nos muestre una ventana tipo popup ya sea para configurar una opción en el módulo de nuestro proyecto o sino nuestra página web para mostrar información.

En un desarrollo de un software web, un cliente me pidió abrir un popup para dar paso a un login y mostrar más información de un módulo de rango de fechas, con esto limitaba a la secretaria de ver solo dos meses en el rango de fechas, si la secretaria deseaba más información de meses anteriores debería de dar clic en un chekbox html y abrir un popup para ingresar una credencial (Password), con esto se abría una ventana donde podía consultar desde 6 meses anteriores en rango de fechas de alumnos inscritos, con permiso del supervisor de área.

Como abrir popup de un checkbox con javascript

Paso 1 crear la funcion JavaScript

Y como quedaria en el input tipo checkbox dentro de un formulario HTML

Y el resultado final quedaría de la siguiente manera

Muy interesante el código, se puede adaptar a todo tipo de necesidades, tambien incluir funciones PHP para que sea más dinámicos, espero le den buen uso.

Como abrir popup de un checkbox con javascript
Como abrir popup de un checkbox con javascript

Fuente: Abrir popup checkbox