How to toggle a Boolean on checkbox in Angularjs

Question

I am working on the following code. How can I toggle the state of the Boolean, here isChecked through controller in Angularjs checkbox?

<body ng-app="app">
  <div ng-controller="checkController">
      <input type="checkbox" ng-model="choice" name="item" ng-change="changeSta(choice)" /> Add New Item
  </div>
</body>

<script>
var app = angular.module('app', []);
app.controller('checkController', function($scope) {
   var isChecked = false;
   $scope.changeSta = function() {
     //isChecked = true;
  };

});

</script>

Take a look at the docs, it exactly describes what you're looking for docs.angularjs.org/api/ng/input/input%5Bcheckbox%5D — user4164128
– user4164128, Commented Sep 24, 2015 at 0:13
Just the change the model itself ($scope.choice = true or false). — raina77ow
– raina77ow, Commented Sep 24, 2015 at 0:15
Why not just use $scope.choice instead of having a separate isChecked variable? If you do that then you probably don't need ng-change or the changeSta function. — Jack A.
– Jack A., Commented Sep 24, 2015 at 1:20

spenibus · Accepted Answer · 2015-09-24 01:23:39Z

3

You can simply check for the changes in your checkbox model:

var app = angular.module('app', []);
app.controller('checkController', function($scope) {
    var isChecked = false;
    $scope.changeSta = function() {
        console.log($scope.choice);
    };

edited Sep 24, 2015 at 1:23

spenibus

4,41911 gold badges28 silver badges36 bronze badges

answered Sep 24, 2015 at 0:34

MuntingInsekto

1,5934 gold badges19 silver badges37 bronze badges

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

Collectives™ on Stack Overflow

How to toggle a Boolean on checkbox in Angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related