javascript - 检测复选框在 Angular.js ng-change 事件中是否被选中或未被选中

Question

我想在复选框上发生点击时检测该复选框是否被选中或取消选中。

这是我的:

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

然后在 Controller 中我有:

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

我可以在选中/取消选中时触发警报，但如何检测复选框的状态？我做了一些研究以找到类似的问题，但我无法得到我需要的东西。

Answer 1

您可以在 ng-change 方法中使用绑定(bind)的 ng-model (answers[item.questID]) 值本身来检测它是否已被检查或不是。

例子:-

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

和

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