prettyCheckable
un plugin jQuery pour des boutons radios et cases à cocher personnalisés.

prettyCheckable est un plugin jQuery qui remplace les boutons radios et les cases à cocher pour leur donner un style différent, plus adapté, voire coloré, d'après un design de Bruno O. Barros.


Ce plugin est compatible avec IE7 (et plus), Chrome, FireFox, Safari et les navigateurs pour mobiles.

Vous obtenez ainsi des boutons et des cases un peu plus grands et plus jolis, ce qui est mieux adapté aux appareils mobiles car la zone d'interaction est plus grande. Quatre couleurs sont proposées (bleu, vert, rouge et un jaune qui tire vers le doré). Mais le fichier PSD est fournit et vous pouvez l'éditer.
Tout ce qui concerne le chaînage des événements est conservé et vous pouvez cocher/décocher avec la touche de tabulation.

Il s'utilise via la classe définie sur vos éléments. Par exemple :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<input type="checkbox" class="myClass" value="yes" id="answer" name="answer"/>

Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
$().ready(function(){
 
  $('input.myClass').prettyCheckable({
    color: 'red'
  });
 
});

Site officiel avec un exemple et la documentation.
Téléchargement.