# attr-chooser
select among a list of dom elements with the same attribute
# example
First write some html with a `chooser` attribute (or whatever you want) on the
items you want to select:
``` html
```
Then wire up some browser code:
``` js
var choose = require('attr-chooser')('active', function (elem) {
console.log('selected', elem.textContent);
});
var elems = document.querySelectorAll('*[x-chooser]');
for (var i = 0; i < elems.length; i++) {
choose(elems[i]);
}
```
or you can use [attractor](https://npmjs.org/package/attractor):
``` js
var scope = {
item: function (elem) {
console.log('selected', elem.textContent);
}
};
var attr = require('attractor')({
'x-chooser': [ require('attr-chooser'), 'active' ]
}, scope);
attr.scan(document);
```
Compile your browser code with [browserify](http://browserify.org):
```
$ browserify browser.js > bundle.js
```
# methods
``` js
var chooser = require('attr-chooser')
```
## var choosef = chooser(className, cb)
Return a function `choosef(elem, attrName)` that you should call on every
element you want to wire up for item selection.
When somebody clicks on an element,
`cb(elem, ev, name)` fires with the dom element `elem`, the click event `ev`,
and the group `name` set in the attribute value.
## choosef(elem, group)
Create a group based on the `group` string for the dom element `elem`.
# install
With [npm](https://npmjs.org) do:
```
npm install attr-chooser
```
# license
MIT