🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

The iosCheckbox.js jQuery plugin helps you create iOS-style checkbox controls that allow the user to toggle between two opposite states.

ios Checkbox Switch

Documentation

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


You May Also Like