jQuery Plugin: Multi Row Checkbox Menu
By Tom Holder - http://www.simpleweb.co.uk
This is an unobtrusive jQuery plugin to put those cool little Google Gmail type 'Select All/Select None' action menus at the top of a list of check boxes.
First include the
jquery.multirowcheckboxmenu.js file in your page.
Markup your menus as follows:
<div class="multiRowCheckboxMenu"> <input type="submit" name="Delete" value="Delete" /> <input type="submit" name="Merge" value="Merge" /> </div>
Then apply the multirowcheckbox plugin to the container:
If you ID or class the submit buttons inside the container, those IDs/classes will get passed over to the LIs to provide more styling control.
The plugin can also be used as a simple filter menu without the checkbox for things such as Sort Alphabetically, Filter by Letter etc. To do this, you must just have a input item with a class of selected. See index.html for example.
This plugin was built for our fabulous ContactZilla product! http://contactzilla.com/
This plugin is licensed under both the GPL and MIT licenses. Choose which ever one suits your project best.