检测是否在angularjs ng-change事件中选中或取消选中复选框

Question

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

这就是我所拥有的：

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

然后在控制器中我有：

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

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

谢谢，Laziale

Answer 1

您可以在ng-change方法中使用绑定的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');
   }
}

Answer 2

复选框的状态将反映在您绑定的任何模型上，在本例中为$scope.answers[item.questID]