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 lt input type checkbox ng-model answers item questID ng-change stateChanged gt 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

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

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.

This question is related to javascript jquery angularjs checkbox angularjs-scope

The answer is

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');
   }
}

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

Source: Stackoverflow.com

Examples related to javascript

• need to add a class to an element • How to make a variable accessible outside a function? • Hide Signs that Meteor.js was Used • How to create a showdown.js markdown extension • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Summing radio input values • How to execute an action before close metro app WinJS • javascript, for loop defines a dynamic variable name • Getting all files in directory with ajax

Examples related to jquery

• How to make a variable accessible outside a function? • Jquery assiging class to th in a table • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Getting all files in directory with ajax • Bootstrap 4 multiselect dropdown • Cross-Origin Read Blocking (CORB) • bootstrap 4 file input doesn't show the file name • Jquery AJAX: No 'Access-Control-Allow-Origin' header is present on the requested resource • how to remove json object key and value.?

Examples related to angularjs

• AngularJs directive not updating another directive's scope • ERROR in Cannot find module 'node-sass' • CORS: credentials mode is 'include' • CORS error :Request header field Authorization is not allowed by Access-Control-Allow-Headers in preflight response • WebSocket connection failed: Error during WebSocket handshake: Unexpected response code: 400 • Print Html template in Angular 2 (ng-print in Angular 2) • $http.get(...).success is not a function • Angular 1.6.0: "Possibly unhandled rejection" error • Find object by its property in array of objects with AngularJS way • Error: Cannot invoke an expression whose type lacks a call signature

Examples related to checkbox

• Setting default checkbox value in Objective-C? • Checkbox angular material checked by default • Customize Bootstrap checkboxes • Angular ReactiveForms: Producing an array of checkbox values? • JQuery: if div is visible • Angular 2 Checkbox Two Way Data Binding • Launch an event when checking a checkbox in Angular2 • Checkbox value true/false • Angular 2: Get Values of Multiple Checked Checkboxes • How to change the background color on a input checkbox with css?

Examples related to angularjs-scope

• Use of symbols '@', '&', '=' and '>' in custom directive's scope binding: AngularJS • How to call a function from another controller in angularjs? • Detect if checkbox is checked or unchecked in Angular.js ng-change event • $rootScope.$broadcast vs. $scope.$emit • How to clear or stop timeInterval in angularjs? • How do I inject a controller into another controller in AngularJS • Controller not a function, got undefined, while defining controllers globally • AngularJS - get element attributes values • ng-if, not equal to? • How to set the id attribute of a HTML element dynamically with angularjs (1.x)?