checkedUI is a simple and unobtrusive method of prettying up checkboxes and radio buttons using jQuery UI icons.
http://embed.plnkr.co/9YIayf/preview
It's pretty easy to use, just include the following on your page: jQuery JavaScript jQuery UI JavaScript checkedUI JavaScript jQuery UI stylesheet
And run the following to fire it up
$(document).ready(function () {
$("input:checkbox, input:radio").checkedUI();
});
You can also provide the following options as part of the checkedUI
call:
- debug(
true
/false
): Iftrue
the underlying checkbox or radio button isn't hidden, which is useful for debugging. - onChkClass: Overrides the icon to use for when a checkbox is selected
- offChkClass: Overrides the icon to use for when a checkbox is not selected
- onRadClass: Overrides the icon to use for when a radio button is selected
- offRadClass: Overrides the icon to use for when a radio button is not selected