kcToggle
Replace default browser checkboxes with this themable jQuery plugin.
Install
In your html document simply add the following to your <head>
. kcToggle is jQuery dependant so be sure to have a copy of jQuery 1.6+ loaded before including the plugin files in your document's <head>
.
<link href="../kcToggle.css" media="all" rel="stylesheet" type="text/css" /> <script src="../kcToggle.js" type="text/javascript" ></script>
Usage
kcToggle can be used on any checkbox. To initialize the plugin and get your checkboxes looking like the one below call the plugin like so: $('input[kcToggle]').kcToggle();
. kcToggle will also take options. You can set the label it displays by passing the option in an Object like below.
var labels = { text: { off: 'No', on: 'Yes' } }; $('input[kcToggle]').kcToggle(labels);