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.

checkbox iphone

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

Categorizado en: