Creare caselle di controllo (checkbox) in stile interruttore con CSS e jQuery

 

Le caselle di controllo o checkbox sono alcuni degli elementi più utilizzati sui form, per la selezione di opzioni, preferenze, ecc. In questo tutorial vedremo come rendere molto più belle queste caselle che onestamente di default risultano alquanto povere da un punto di vista estetico.

Alla fine degli esempi potrete visualizzare una demo e scaricare i file contenenti i codici HTML e CSS per la loro implementazione. Negli esempi verà mostrato come modificare le checkbox in un interruttore on/off sia in stile iPhone che in stile Firerift.

 

Stile iPhone

 

Stile Firerift

(da includere anche le classi on e off se utilizzato da solo)

 

Questo il codice jQuery che attiverà gli interruttori

 
Demo Download Sito Web | Autore
 

pixolo ads
Cambia Copertina
4655 | Articolo pubblicato 4 anni fa nella categoria jQuery - Javascript.
Puoi seguire tutti i nuovi articoli e gli aggiornamenti di Pixolo.it attraverso i Pixolo feeds feed RSS.
Puoi inoltre lasciare un commento, oppure fare un trackback dell'articolo dal tuo sito.
2
SHARES
Be Sociable,
share and enjoy!
Resta aggiornato!
Segui Pixolo anche su Facebook!
Don't show more - I am already fan
×
Salva il post su Facebook
What is a Facebook Save Button?

The save button lets you save the current page to your private list on Facebook for a future use or consultation.
info | close
×