FancyCheckbox is a simple and lightweight (less then 1k min and gziped) jQuery plugin to create iPhone styled checkboxes based on this tutorial and created By the need of a GPL licensed
##Usage: Include nessesary JS and CSS files
<link rel="stylesheet" type="text/css" media="screen, projection" href="FancyCheckbox.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="FancyCheckbox.js"></script>
Then simple call the plugin on any element you want (assuming that is a checkbox)
<script>
jQuery(document).ready(function($) {
//all checkboxes
$(":checkbox").FancyCheckbox();
});
</script>
###Options:
Option | Defualt | Description |
---|---|---|
style | iphone | (string) accepts iphone,firerift, what type of fancycheckbox to create |
offClass | no-fancy | (string) class to disable, elements with this class will not be fancy |
###Events:
Name | Description |
---|---|
beforeLoad | Triggered just before the fancy checkbox is loaded to the DOM |
afterLoad | Triggered just after the fancy checkbox is loaded to the DOM |
beforeChangeIphone | Triggered just before the fancy checkbox (iPhone styled) is changed |
afterChangeIphone | Triggered just after the fancy checkbox (iPhone styled) is changed |
beforeChangeFirerift | Triggered just before the fancy checkbox (Firerift styled) is changed |
afterChangeFirerift | Triggered just after the fancy checkbox (Firerift styled) is changed |
##Author Ohad Raz http://en.bainternet.info ##License:
Copyright © 2012 Ohad Raz, admin@bainternet.info ,Dual licensed under the MIT and GPL licenses.