Replace default browser checkboxes with this customizable jQuery plugin
CSS HTML JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
example
README.md
kcToggle.css
kcToggle.js

README.md

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);

Example

kcToggle