iOS Style Checkbox Replacement Plugin - jQuery iosCheckbox.js

File Size: 44.9 KB
Views Total: 1526
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
iOS Style Checkbox Replacement Plugin - jQuery iosCheckbox.js

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

Smooth toggle animations are based on CSS3 transitions. 

See also:

How to use it:

1. Load the stylesheet in the head section of the document.

  • iosCheckbox.css: iOS style toggle switch
  • iosCheckbox-theme.css: iOS style checkbox. Demo
<link href="dist/css/iosCheckbox.css" rel="stylesheet">
<link href="dist/css/iosCheckbox-theme.css" rel="stylesheet">

2. Load jQuery JavaScript library and the iosCheckbox.js script at the end of the document.

<script src="" 
<script src="dist/js/iosCheckbox.js"></script>

3. Attach the plugin to the regular checkbox element within the document. Done.

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



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