Skip to content

Instantly share code, notes, and snippets.

@mikeyakymenko
Last active September 17, 2015 19:54
Show Gist options
  • Select an option

  • Save mikeyakymenko/78b5cb6112f5ff4ce50a to your computer and use it in GitHub Desktop.

Select an option

Save mikeyakymenko/78b5cb6112f5ff4ce50a to your computer and use it in GitHub Desktop.
AngularJS Multi select checkboxes
<input type="checkbox"
ng-model="$scope.master"
ng-checked="$scope.masterChecked"
ng-click="$scope.masterChange()">
<div ng-repeat="item in items">
<input type="checkbox"
ng-model="$scope.isSelected[$index]"
ng-change="$scope.isSelectedChange($index)"
ng-checked="$scope.checkedAll">
</div>
$scope.masterChange = masterChange;
$scope.isSelectedChange = isSelectedChange;
$scope.checkedAll = false;
$scope.masterChecked = false;
function masterChange() {
if ($scope.masterChecked) {
for(var key in $scope.isSelected){
$scope.isSelected[key] = false;
}
$scope.masterChecked = false;
} else {
if($scope.master) {
$scope.checkedAll = true;
} else {
$scope.checkedAll = false;
}
}
}
function isSelectedChange(index) {
$scope.masterChecked = true;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment