https://github.com/ryanve/associated
Get associated labels and inputs
https://github.com/ryanve/associated
expressive forms inputs javascript jquery-plugin labels
Last synced: 7 months ago
JSON representation
Get associated labels and inputs
- Host: GitHub
- URL: https://github.com/ryanve/associated
- Owner: ryanve
- License: mit
- Created: 2016-11-15T05:49:40.000Z (over 9 years ago)
- Default Branch: gh-pages
- Last Pushed: 2017-02-16T06:27:37.000Z (about 9 years ago)
- Last Synced: 2025-07-21T23:55:14.380Z (7 months ago)
- Topics: expressive, forms, inputs, javascript, jquery-plugin, labels
- Language: JavaScript
- Homepage: https://ryanve.github.io/associated/
- Size: 32.2 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# associated
```
npm install associated --save
```
## Features
- Get label(s) for a specified input
- Get form control (input, textarea, select, button) for a specified label
- Get associated form
- Get associated radios
## API
```js
var associated = require('associated')
```
### Parameters
- `$form` refers to a jQuery-wrapped `` element
- `$root` refers to a jQuery-wrapped `:root` element
- `$input` refers to a jQuery-wrapped `` element
- `$textarea` refers to a jQuery-wrapped `` element
- `$select` refers to a jQuery-wrapped `` element
- `$button` refers to a jQuery-wrapped `` element
- `$control` refers to a jQuery-wrapped form control: `$input`, `$textarea`, `$select`, or `$button`
- `$label` refers to a jQuery-wrapped `` element
- `$labels` refers to a jQuery-wrapped `` collection
- `$radio` refers to a jQuery-wrapped radio input
- `$radios` refers to a jQuery-wrapped radio input collection
### Methods
#### `associated.control($label)`
- Get `$control` associated with `$label`
#### `associated.input($label)`
- Get `$input` associated with `$label`
#### `associated.textarea($label)`
- Get `$textarea` associated with `$label`
#### `associated.select($label)`
- Get `$select` associated with `$label`
#### `associated.button($label)`
- Get `$button` associated with `$label`
#### `associated.label($control)`
- Get the `$label` associated with `$control`
#### `associated.labels($control)`
- Get all `$labels` associated with `$control`
#### `associated.form($control)`
- Get associated `$form` or else `$root`
#### `associated.radios($radio)`
- Get `$radios` associated by `[name]`
### Chaining
#### Setup `associated` for use as plugin for jQuery or ender
```js
$.prototype.associated = associated
```
#### Then use `.associated` to call [methods](#methods) from the chain like
```js
$('#example').associated('form')
```
## Links
- [`associated` npm](https://www.npmjs.com/package/associated)
- [`associated` tests](https://ryanve.github.io/associated/)