0

iCheck – Des boutons radio et checkbox personnalisables

Bonjour les amis !

Aujourd’hui, je tiens à faire une courte note sur un petit plugin jQuery que je trouve très pratique.

Il s’agit d’iCheck, un plugin qui va vous permettre de personnaliser vos boutons radio et vos checkbox de façon relativement simple en jQuery. Il existe de nombreux skins différents qui vous permettront de trouver un habillage qui correspondra au style graphique de votre site. Il faut bien avouer que les boutons radio dans un site internet ont bien souvent autant de charme que Rowan Atkinson dans Mr Bean… Sans oublier, qu’ils sont amenés à changer en fonction du navigateur.

Très simple d’utilisation, il vous suffira de charger le script et le css de l’habillage que vous souhaitez (disponible en version minified aux besoins) et d’appliquer le plugin a vos inputs de la manière suivante :

$(document).ready(function(){
   $('input').iCheck({
      checkboxClass: 'icheckbox_minimal', // classe à appliquer pour le skin "Minimal"
      radioClass: 'iradio_minimal', // classe à appliquer pour le skin "Minimal"
   });
});

Je vous laisse le lien vers le site officiel, vous y trouverez une documentation plus précise, si vous souhaitez creuser un peu plus ce petit plugin, notamment sur l’utilisation des fonctions de callBack qui pourraient s’avérer utiles.

Si vous connaissez d’autres plugins qui permettent de faire le même travail, vous pouvez le spécifier dans les commentaires.

A bientôt les amis !

A propos de Romuald

Romuald a écrit 23 articles sur le blog.

Les amis de nos amis sont nos amis, alors partageons !

Laissez un commentaire





Si vous êtes un vrai développeur, vous devez savoir compter.
Alors on vous met au défi !
Si vous réussissez cette épreuve, nous nous ferons une joie de lire votre commentaire.