jQuery plugins - tzCheckbox
máj 22

tzCheckbox

Formabontó checkbox-ok

Verzió: nincs adat
Kiadás dátuma: 2011/03/14
Fejlesztő: Martin Angelov
Liszensz: nincs adat

Bevezető

A tutorialzine-en jelent meg az alábbi tutorial: egyszerű kis megoldás, mellyel a checkbox-ok kinézetét tudjuk kicsit feldobni. A működéshez mindössze egyetlen paraméter szükséges, melynek tömb formájában adhatjuk át a checkbox aktív és inaktív állapotához tartozó feliratokat.

Implementálás

CSS

            <link rel="stylesheet" type="text/css" href="css/styles.css" />
          

JavaScript

            <script type="text/javascript" src="js/jquery.js"></script>
            <script type="text/javascript" src="js/jquery.tzCheckbox.js"></script>
          

Deklaráció

            $(document).ready(function(){
              $('.pelda').tzCheckbox();
            }); 
          

Teljes paraméterlista

  • labels: aktív/inaktív állapotok feliratai (alapértelmezett: ['ON', 'OFF'])

Tippek

  • A plugin a jQuery 1.4.2-es verziójával működik, azonban pl. az 1.6.1-es verzióval már nem, vagy nem megfelelően!
  • Ha a plugin-t szeretnénk a jQuery 1.4.2-nél újabb verziójú kiadással használni, akkor a plugin 23. sorában a className-t át kell írniclass-ra!
    (az észrevételért köszönet Gabesznak)