Los formularios HTML siempre han sido elementos que se han comportado de manera extraña, sin mencionar que su diseño siempre ha dependido del navegador y nunca del diseñador de la página. Existen cantidad de librerías que mejoran el diseño de estos elementos, incluso podemos hacerlo nosotros manualmente (aunque esto siempre es más embarazoso).
El plugin de hoy no es uno más, ya que proporciona un diseño plano que, a mi punto de vista, es bastante espectacular comparándolo con los diseños que suelen venir de serie en otras librerías (no quiero desmerecer, pero muchas veces los desarrolladores son eso, desarrolladores y no diseñadores).
Utilizar iCheck es muy fácil:
Paso 1: Cargar el plugin
Nota: siempre debe cargarse después que la librería jQuery, de lo contrario, no funcionará.
<script type="text/javascript" src="jquery.icheck.js"></script>
Paso 2: Ejecutarlo
Debemos llamar a la función .iCheck()
en algún identificador de los elementos anteriormente mencionados.
// Ejecutarlo en todos los Checkboxes y Radio Buttons. $('input').iCheck(); // Personalizar solo los Checkboxes. $('input[type="checkbox"]').iCheck();
La lista de compatibilidad de iCheck con los navegadores no deja nada que desear, funciona con IE 7+, Firefox 2+, Google Chrome, Safari 3+ y Opera 9+. Además, también funciona con la mayoría de navegadores móviles en el mercado.
Es un plugin más que recomendable, no olvidéis descargarlo. Tambien podeis ver el código en GitHub si lo deseáis.