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:

• 10 Best Toggle Switch jQuery Plugins
• 10 Best Toggle Switch JavaScript And CSS Libraries
• 10 Best Checkbox And Radio Input Plugins
• 10 Best Checkbox And Radio Input Replacement Libraries

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="https://code.jquery.com/jquery-3.3.1.slim.min.js" 
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" 
        crossorigin="anonymous">
</script>
<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">

$(function(){

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

});

---

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