Lightweight jQuery Checkbox Replacement Plugin - checkboxy
File Size: | 20.1KB |
---|---|
Views Total: | 13868 |
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.