iOS Style Checkbox Plugin with jQuery and CSS3 - iosCheckbox.js

File Size: 5.22 KB
Views Total: 14266
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
iOS Style Checkbox Plugin with jQuery and CSS3 - iosCheckbox.js

A dead simple jQuery plugin that converts the default checkbox element into a beautiful iOS style switch control with smooth CSS3 transitions.

See also:

How to use it:

1. Include the required jQuery iosCheckbox.js plugin's stylesheet in your document's <head>.

<link href="iosCheckbox.css" rel="stylesheet">

2. Include jQuery library and the jQuery iosCheckbox.js plugin's script at the bottom to improve the page load speed.

<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="iosCheckbox.js"></script>

3. Create standard Html checkbox.

<input type="checkbox" class="ios">

4. Active the plugin with one JS call.

$(".ios").iosCheckbox();

Change log:

2017-09-16

  • Support disabled and onclick events.

2015-11-26

2015-01-01

  • Update iosCheckbox.css

This awesome jQuery plugin is developed by masasron. For more Advanced Usages, please check the demo page or visit the official website.