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 变为 false，但在 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;
    };
};