jQuery Plugin To Select/Deselect All Checkboxes In A Group - selectall
| File Size: | 17.3 KB |
|---|---|
| Views Total: | 1316 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
Just another jQuery 'Check All' plugin which enables selection / deselection of all checkboxes in a checkbox group.
How to use it:
1. Download the plugin and then place the main JavaScript file after you've loaded the latest version of jQuery library (Slim build is recommended).
<script src="//code.jquery.com/jquery-3.1.1.slim.min.js"></script> <script src="jquery.selectall.min.js"></script>
2. Make sure all the checkboxes are wrapped in a same fieldset as follow:
<fieldset>
<legend>Privacy Communication</legend>
<label for="Hushmail">
<input id="Hushmail" type="checkbox" value="1">
Hushmail
</label>
<label for="Protonmail">
<input id="Protonmail" type="checkbox" value="5">
Protonmail (free)
</label>
<label for="Bitmessage">
<input id="Bitmessage" type="checkbox" value="5">
Bitmessage (free)
</label>
</fieldset>
3. Calling the function on the fieldset element will automatically generate 'select all' and 'deselect all' buttons inside the checkbox group.
$("fieldset").selectAll();
4. Customize the 'select all' and 'deselect all' buttons with the following options.
$("fieldset").selectAll({
buttonParent: "legend",
buttonWrapperHTML: "",
buttonSelectText: "Select All",
buttonSelectBeforeHTML: "",
buttonSelectAfterHTML: "",
buttonDeSelectText: "Deselect All1",
buttonDeSelectBeforeHTML: "",
buttonDeSelectAfterHTML: "",
buttonExtraClasses: "btn btn-default"
});
This awesome jQuery plugin is developed by lehelmatyus. For more Advanced Usages, please check the demo page or visit the official website.











