Check All , UnCheck All - AngularJs
Code to check and uncheck all using angularjs
HTML
<div ng-controller="checkboxController">
<ul>
<li ng-repeat="item in CheckBoxItems">
<label>{{item.Name}}
<input class="selectLineRadioInput" type="checkbox" ng-model="item.Selected" />
</label>
</li>
</ul>
<input type="button" ng-click="isButtonEnabled()" value="findTotal" />{{total}}</div>
JavaScript
angular.module("CheckAllModule", [])
.controller("checkboxController", function checkboxController($scope, $filter) {
$scope.CheckBoxItems = [{
Name: "CheckBox one"
}, {
Name: "CheckBox two"
}, {
Name: "CheckBox three"
}];
$scope.isButtonEnabled = function () {
var selectLineCheckboxs = angular.element(document.getElementsByClassName('selectLineRadioInput'));
var checkedValues = $filter('isPropertyTrue')(selectLineCheckboxs, 'checked');
self.selectLineChecked = checkedValues.length > 0 ? true : false;
return self.selectLineChecked;
};
})
.filter('isPropertyTrue', function () {
return function (elements, property) {
var returnArray = [];
angular.forEach(elements, function (val, index) {
if (val[property]) returnArray.push(val)
});
return returnArray;
}
})