🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

kcToggle is a replace default browser checkboxes with this themable jQuery plugin.

Plugins

Documentation

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


You May Also Like