programing

Angular.js ng-change 이벤트에서 체크박스가 켜져 있는지 여부를 검출합니다.

mytipbox 2023. 2. 27. 23:23
반응형

Angular.js ng-change 이벤트에서 체크박스가 켜져 있는지 여부를 검출합니다.

체크박스를 클릭할 때 체크박스가 온인지 오프인지를 검출하고 싶다.

여기 있습니다.

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

컨트롤러에는 다음과 같은 기능이 있습니다.

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

체크/체크 해제를 할 때 경보를 울릴 수 있는데 체크박스의 상태를 검출하려면 어떻게 해야 하나요?비슷한 문제를 찾기 위해 조사를 좀 해봤지만 필요한 것을 얻지 못했어요.

그냥 바운드를 이용해서ng-model(answers[item.questID])는 ng-change 메서드에서 그 자체로 값을 매겨 체크되었는지 여부를 검출합니다.

예:-

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

이 경우 체크박스의 상태는 해당 체크박스가 바인드되어 있는 모델에 반영됩니다.$scope.answers[item.questID]

언급URL : https://stackoverflow.com/questions/27411826/detect-if-checkbox-is-checked-or-unchecked-in-angular-js-ng-change-event

반응형