JQuery Geogoer VChecks: rendiamo accattivanti le nostre checkbox

Delicious Stumble Upon | JQuery Geogoer VChecks: rendiamo accattivanti le nostre checkbox

febbraio 2nd, 2009 by Simone D'Amico in: jQuery, javascript | No Comments »

JQuery Geogoer VChecks è un interessantissimo plugin per il noto framework che ci permette di realizzare checkbox con grafica davvero molto interessante! Ovviamente la grafica è del tutto personalizzabile attraverso i css e quindi ognuno può dare libero sfogo alla propria fantasia!

L’uso è davvero di una semplicità disarmante. E’ sufficiente creare una lista puntata contenente le scelte possibili e scrivere una riga di codice Javascript. Di seguito il codice necessario:

<ul id="custom_list" style="width: 300px">
	<li><input name="first" type="checkbox"/><span>First checkbox</span></li>
	<li><input name="second" type="checkbox" checked="checked"/><span>Simple checkbox is checked</span></li>
	<li><input name="third" type="checkbox"/><span>Another simple</span></li>
	<li><input name="last" type="checkbox" checked="checked"/><span>Last checkbox is checked</span></li>
</ul>

$(function(){
	$("#custom_list").vchecks();
});

Facile vero? Ovviamente se gli utenti navigano con Javascript disabilitato non vedranno la grafica ma vedranno una comune checkbox quindi l’utilizzo del plugin non pregiudica la navigabilità del sito.

Demo e download del plugin al seguente link:

JQuery Geogoer VChecks Plugin