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 |
A dead simple jQuery plugin that converts the default checkbox element into a beautiful iOS style switch control with smooth CSS3 transitions.
See also:
- Creating iOS 7 Style Toggle Switches With Switchery.js
- iOS 7 Style Smooth Toggle Buttons With jQuery and CSS3 - Checkable
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
- JS Update
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.
