iosCheckbox.js
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