https://github.com/ryanve/associated

Get associated labels and inputs
https://github.com/ryanve/associated

expressive forms inputs javascript jquery-plugin labels

Last synced: about 1 month 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 (almost 8 years ago)
• Default Branch: gh-pages
• Last Pushed: 2017-02-16T06:27:37.000Z (over 7 years ago)
• Last Synced: 2024-10-01T09:12:38.039Z (about 1 month 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/)