prettyCheckable :
Un plugin jQuery pour des boutons radios et cases à cocher personnalisés

Le , par vermine, Responsable JavaScript & AJAX
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
<input type="checkbox" class="myClass" value="yes" id="answer" name="answer"/>
Code javascript : Sélectionner tout
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.


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :
Offres d'emploi IT
Responsable transverse - engagement métiers H/F
Safran - Ile de France - Corbeil-Essonnes (91100)
Architecte systèmes études & scientifiques H/F
Safran - Ile de France - Vélizy-Villacoublay (78140)
Architecte technique des systèmes d'information H/F
Safran - Ile de France - Évry (91090)

Voir plus d'offres Voir la carte des offres IT
Responsable bénévole de la rubrique JavaScript : Xavier Lecomte -