Checkboxes como los del iPhone solo con CSS y jQuery

Los que somos usuarios tanto del iPhone como del iPod Touch conocemos lo cómodo que resultan las checkboxes en ambos dispositivos, con su forma tan simple y con su pequeñito efecto de desplazamiento muestran muy fácilmente el estado en que se encuentran sin necesidad de leer ni entender absolutamente nada, es por esa simple razón que llevar esta posibilidad a nuestros sitios web se vuelve una opción interesante.

La instalación de esta javascript es muy simple basta con descargar el archivo comprimido, tanto con los js como con las imágenes, y proceder a enlazarlos desde nuestro el head de nuestro sitio web.

[JAVASCRIPT]



[/JAVASCRIPT]

Y por ultimo tenemos la opción de personalizar el texto que aparece, para hacerlo basta con utilizar el siguiente código:

[JAVASCRIPT]
$(‘:checkbox’).iphoneStyle({
checkedLabel: ‘YES’,
uncheckedLabel: ‘NO’
});
[/JAVASCRIPT]

Pueden leer mas y descargar los códigos en Award winning fjords

Pablo: Programador desde hace más de 11 años, adicto a internet, cafeinómano, fanático de la información, intento de emprendedor, trabaja de forma compulsiva solo en lo que ama. Sueña con tener una aplicación con más de 1 millón de usuarios.
Entradas relacionadas