https://github.com/github/check-all
Multiple checkbox selection helper.
https://github.com/github/check-all
decorator
Last synced: 11 months ago
JSON representation
Multiple checkbox selection helper.
- Host: GitHub
- URL: https://github.com/github/check-all
- Owner: github
- License: mit
- Created: 2018-08-30T17:20:31.000Z (over 7 years ago)
- Default Branch: main
- Last Pushed: 2025-03-11T19:12:37.000Z (about 1 year ago)
- Last Synced: 2025-03-28T07:09:01.322Z (12 months ago)
- Topics: decorator
- Language: JavaScript
- Homepage: http://github.github.io/check-all/examples
- Size: 908 KB
- Stars: 80
- Watchers: 297
- Forks: 17
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Codeowners: CODEOWNERS
Awesome Lists containing this project
README
# Check All
- Check/uncheck `[data-check-all]` to check/uncheck all checkboxes in a container.
- Shift click on `[data-check-all-item]` to select all checkboxes between the last checked checkbox and the target checkbox.
- Auto-update `[data-check-all-count]` to count of checked items.
## Installation
```
$ npm install @github/check-all
```
## Usage
### JS
```js
import checkAll from '@github/check-all'
checkAll(document.querySelector('[data-check-all-container]'))
```
Using a library like [selector-observer](https://github.com/josh/selector-observer), the behavior can automatically be applied to any container matching a selector.
```js
import {observe} from 'selector-observer'
import checkAll from '@github/check-all'
observe('[data-check-all-container]', { subscribe: checkAll })
```
### HTML
```html
Count: 0
Check All
github/fetch
github/textarea-autosize
github/eventlistener-polyfill
github/quote-selection
```
## Development
```
npm install
npm test
```
## License
Distributed under the MIT license. See LICENSE for details.