https://github.com/simpleweb/multirow-checkbox-menu
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.
https://github.com/simpleweb/multirow-checkbox-menu
Last synced: 11 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/simpleweb/multirow-checkbox-menu
- Owner: simpleweb
- Created: 2010-10-18T19:33:07.000Z (over 15 years ago)
- Default Branch: master
- Last Pushed: 2012-03-28T00:13:37.000Z (about 14 years ago)
- Last Synced: 2025-04-03T01:41:26.376Z (about 1 year ago)
- Language: JavaScript
- Homepage: simpleweb.github.com/Multirow-Checkbox-Menu
- Size: 119 KB
- Stars: 53
- Watchers: 14
- Forks: 6
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: HISTORY.md
Awesome Lists containing this project
README
jQuery Plugin: Multi Row Checkbox Menu
==============================
By Tom Holder - [http://www.simpleweb.co.uk](http://www.simpleweb.co.uk)
Overview
--------
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.
Usage
-----
First include the `jquery.multirowcheckboxmenu.js` file in your page.
Markup your menus as follows:
You will notice the markup just contains form submit buttons. This is so the functionality degrades without javascript. If Javascript is enabled, each submit input will be replaced with an element in the menu drop down. The form will be submitted with the same named action value.
Then apply the multirowcheckbox plugin to the container:
$('div.multiRowCheckboxMenu').checkboxMenu();
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.
Background
----------
[Blog post on ok-cool.com](http://www.ok-cool.com/posts/read/475-select-allselect-none-checkbox-menu-plugin-for-jquery/)
This plugin was built for our fabulous ContactZilla product! [http://contactzilla.com/](http://contactzilla.com/)
[Example](http://simpleweb.github.com/Multirow-Checkbox-Menu/)
License
-------
This plugin is licensed under both the GPL and MIT licenses. Choose which ever one suits your project best.
[](http://contactzilla.com/)