uncheck a checkbox in angularjs

Question

I have a list of checkbox

<input type="checkbox" ng-model="servicesModel" value={{item.name}} id={{item.name}} ng-click="toggleSelection(item.name)"/>

and I want to deselect the selected checkbox

$scope.toggleSelection = function toggleSelection(id) {
window.alert("You can't select this !");
//deselect the selected checkbox
}

Every thing is working fine but I can't found how I could deselect the selected one.

tymeJV · Accepted Answer · 2015-06-26 19:48:27Z

1

Pass the model in and assign it false

<input type="checkbox" ng-model="servicesModel" value={{item.name}} id={{item.name}} ng-click="toggleSelection(item.name, servicesModel)"/>

$scope.toggleSelection = function toggleSelection(id, model) {
    window.alert("You can't select this !");
    //deselect the selected checkbox
    model = false; //set
}

answered Jun 26, 2015 at 19:48

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user567 Over a year ago

maybe mode.id= false ? but even like this it don't works

Sajal · Accepted Answer · 2015-06-26 20:09:53Z

0

Update the controller with angular $event as:

  $scope.toggleSelection = function ($event, item) {
      var checkbox = $event.target;
      var action = (checkbox.checked ? 'add' : 'remove');
      $scope.updateToggleSelection(action, item);
  };

  $scope.updateToggleSelection(action, item) {
    if(action =='add') {
       item = true;
     }  

    if(action == 'remove') {
     item = false;
     }
 }

And in the html as:

<input type="checkbox" ng-model="servicesModel" value={{item.name}} id={{item.name}} ng-click="toggleSelection($event, item.name)"/>

edited Jun 26, 2015 at 20:09

answered Jun 26, 2015 at 19:55

Sajal

4,4111 gold badge22 silver badges41 bronze badges

Collectives™ on Stack Overflow

uncheck a checkbox in angularjs

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related