AngularJs：無法取消複選框時，取消其他複選框

Question

有一個問題，在這裏的情況：
我想取消選中第二個複選框時，第一個複選框。

比方說，默認情況下這兩個複選框都被選中。當我點擊第二個複選框時，我希望第一個複選框也取消選中。

HTML：

<ion-checkbox ng-model="firstCheckbox">First Checkbox</ion-checkbox> 
<ion-checkbox ng-model="secondCheckbox" ng-change="uncheckFirstCheckbox(secondCheckbox)">Second Checkbox</ion-checkbox> 

JS：

$scope.uncheckFirstCheckbox = function(secondCheckbox) { 
     if(secondCheckbox.checked === false) { 
      $scope.firstCheckbox = false; 
     }; 
    }; 

的$scope.firstCheckbox把假的，但它在HTML保持取消選中。
我可以知道問題出在哪裏？

Answer 1

您正在嘗試訪問secondCheckbox.checked屬性，但secondCheckbox已經是false。您應該只檢查secondCheckbox以獲得false的值。代替該條件使用if(!secondCheckbox)。

Here是你的代碼工作的小提琴。

HTML

<ion-checkbox ng-model="firstCheckbox">First Checkbox</ion-checkbox> 
<ion-checkbox ng-model="secondCheckbox" ng-change="uncheckFirstCheckbox(secondCheckbox)">Second Checkbox</ion-checkbox> 

JS

$scope.uncheckFirstCheckbox = function(secondCheckbox) { 
    if (!secondCheckbox) { 
     $scope.firstCheckbox = false; 
    }; 
};