Angular: Empty Fiddle
http://angularjs.org/
HTML
<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
<div ng-repeat="item in items">
<input type="checkbox" ng-model="item.checked"/>
{{item.value}}
</div>
<pre>{{selectedItems}}</pre>
</div>
JavaScript
var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
$scope.items = [
{
checked: false,
value: 1
},
{
checked: false,
value: 2
},
{
checked: false,
value: 3
},
{
checked: false,
value: 4
}
];
$scope.selectedItems = [];
$scope.$watch('items', function(newValues){
$scope.selectedItems.length = 0;
angular.forEach(newValues, function(item) {
if (item.checked == true) {
$scope.selectedItems.push(item.value);
}
});
}, true);
}