Detect if checkbox is checked or unchecked in Angular.js ng-change event

Question

I want to detect if a checkbox has been checked or unchecked when a click is happening on the checkbox.

This is what I have:

<input type="checkbox" ng-model="answers[item.questID]" ng-change="stateChanged()" />

And then in the controller I have:

$scope.stateChanged = function () {
    alert('test');
}

I'm able to fire the alert when I do check/uncheck but how can I detect the state of the checkbox? I did research a bit to find a similar issue but I wasn't able to get what I need.

PSL · Accepted Answer · 2014-12-10 22:16:13Z

71

You could just use the bound ng-model (answers[item.questID]) value itself in your ng-change method to detect if it has been checked or not.

Example:-

<input type="checkbox" ng-model="answers[item.questID]" 
     ng-change="stateChanged(item.questID)" /> <!-- Pass the specific id -->

and

$scope.stateChanged = function (qId) {
   if($scope.answers[qId]){ //If it is checked
       alert('test');
   }
}

answered Dec 10, 2014 at 22:16

PSL

124k21 gold badges257 silver badges243 bronze badges

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

1 Comment

Laziale Over a year ago

yes that was the fix, thanks, I'll select your answer in 8 minutes.

Brennan · Accepted Answer · 2014-12-10 22:15:08Z

0

The state of the checkbox will be reflected on whatever model you have it bound to, in this case, $scope.answers[item.questID]

answered Dec 10, 2014 at 22:15

Brennan

5,7922 gold badges20 silver badges24 bronze badges

Collectives™ on Stack Overflow

Detect if checkbox is checked or unchecked in Angular.js ng-change event

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related