Material Inspired Animated Checbox Replacement - jQuery addCheckbox
File Size: | 23 KB |
---|---|
Views Total: | 1427 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

addCheckbox is a tiny jQuery plugin used to beautify the default checkbox inputs with custom styles and animations from the Google Material Design spec.
How to use it:
1. To use this plugin, you need to load jQuery library and the Obj.js
script in the webpage.
<script src="//code.jquery.com/jquery.3.1.0.min.js"></script> <script src="res/Obj.js"></script>
2. Then load the jQuery addCheckbox plugin's JS and CSS files when needed.
<link href="dist/addCheckbox.css" rel="stylesheet"> <script src="src/addCheckbox.js"></script>
3. Just add the data-addui='checkbox'
attribute to your input field and done.
<input data-addui='checkbox'>
4. Set the custom checkbox label.
<input data-addui='checkbox' placeholder='Male'>
Change log:
2016-11-12
- v2.0.1
This awesome jQuery plugin is developed by dustinpoissant. For more Advanced Usages, please check the demo page or visit the official website.