200912Nov

jQuery UI: Radiobutton- und Checkbox-Replacement

In Formularen sind Optionselemente wie Radio- oder Checkbox-Buttons meistens vorhanden. Bei den Form-Elementen lässt sich per CSS lediglich das Aussehen der Schrift gestalten — der grafische Teil ist vom Betriebssystem des Benutzers abhängig. Möchte man diese Elemente auch visuell an ein Design anpassen, bietet sich zum Beispiel das jQuery Radiobutton- und Checkbox-Replacement von protofunc an. Mit diesem kleinen Plugin können Radio- und Checkbox-Schaltflächen grafisch aufgewertet werden.

jQuery UI - Radiobutton- und Checkbox-Replacement

Das Plugin benötigt die jQuery UI Core-Bibliothek, die bequem per Konfigurator erstellt werden kann. Nachdem das Script in den head-Bereich des HTML-Dokuments eingebettet wurde, kann es per Code auf die entsprechenden input-Elemente angewendet werden:

  • $("input").checkBox();

Die Grafiken der Bedienelemente sind in der Datei "icon_checkbox.png" gespeichert und können beliebig angepasst werden. Auf der offiziellen jQuery Plugins-Seite kann das Script heruntergeladen werden.

UPDATE
Das Projekt wurde inzwischen eingestellt und steht leider nicht mehr zur Verfügung.

RSS-Feed abonnieren Bookmark bei Del.icio.us Bookmark bei Mister Wong