A jQuery plugin that transform any checkbox element into a beautiful ios style checkbox.
Demo: http://jsfiddle.net/3q7jr8b6/1/
Demo Alternative Theme: http://jsfiddle.net/3q7jr8b6/2/
Usage:
Include the css
<link rel="stylesheet" type="text/css" href="./dist/css/iosCheckbox.css" />
Add some checkboxs to your page
<input type="checkbox" class="ios" checked />
<input type="checkbox" class="ios" />
Load jQuery and iosCheckbox
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="./dist/js/iosCheckbox.js"></script>
Transform all checkboxs with the class of ios
<script type="text/javascript">
jQuery(function ($){
$(".ios").iosCheckbox();
});
</script>
We also have a Zepto based version thanks to Leo Unglaub you can find it in here