Lightweight jQuery Checkbox Replacement Plugin - checkboxy

Lightweight jQuery Checkbox Replacement Plugin - checkboxy
File Size: 20.1KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

checkboxy is a simple and lightweight jQuery plugin used to beautify the default checkboxes with 2 nice built-in themes. You can also extend the plugin via CSS to build your own styles.

How to use it:

1. Load the required jquery.checkboxy.css for the basic styles and 2 preset themes.

<link rel="stylesheet" href="jquery.checkboxy.css" type="text/css">

2. Create a standard Html checkbox.

<input class="demo" name="test" type="checkbox" value="1">

3. Load the jQuery javascript library and jQuery checkboxy plugin at the bottom of your page.

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="jquery.checkboxy.js"></script>

4. Initialize the plugin.

<script>
$(function() {
$('input.demo').checkboxy({
class: 'checkboxy_big' // the class name of your theme.
});
});
</script>

This awesome jQuery plugin is developed by stillman. For more Advanced Usages, please check the demo page or visit the official website.