檢測復選框是否在 Angular.js ng-change 事件中被選中或取消選中

Question

我想在復選框上發生單擊時檢測復選框是否已選中或未選中。

這就是我所擁有的：

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

然后在控制器中我有：

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

我可以在選中/取消選中時觸發警報，但如何檢測復選框的狀態？ 我做了一些研究以找到類似的問題，但我無法得到我需要的東西。

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]