How do I get the checkboxes that have been checked, in a case where I iterate over values to create a variable range of checkboxes?
HBS:
<ul>
{{#each item in model}}
<li><label>{{input type="checkbox"}} {{item}}</label></li>
{{/each}}
</ul>
Route:
App.IndexRoute = Ember.Route.extend({
model: function() {
return ['red', 'yellow', 'blue'];
},
actions: {
iHaveSelected: function() {
// Get checked items
}
}
});
In order to track if a checkbox is checked you need to bind the checked attribute to a property on a controller.
In the below example the checkbox would be bound to the isChecked property.
{{input type="checkbox" checked=isChecked}}
In your case you were looping over an array, the way to do it would be to set an itemController on the ArrayController.
The itemController would maintain the isChecked state for each item in the ArrayController. You would then be able to filter the ArrayController by which items are checked.
I created a bin with an example here: http://emberjs.jsbin.com/vutezo/1/edit
