如何取消选中复选框但阻止任何事件被触发？

Question

我有一个附加到复选框的 onclick 函数（它选择或取消选择所有相关的复选框），我正在使用 AngularJs。所以对于一个复选框说 X ，有更多的依赖 chekcboxes 说 A ，B ，C 。因此，当所有被检查的 X 都被自动检查时。甚至当其中一个未经检查的 X 未经检查时。但我需要阻止“取消选中复选框事件”被触发。

有没有办法做到这一点？

<span style="float: right">
    <input id="SelectAllRecords" type="checkbox" ng-model="toSelectAllEmployees"
           ng-click="selectAndAddAllEmployees($event)">{{selectAllLabel}} {{totalRecord()}}
</span>

$scope.$watch('toSelectAllEmployees',function() {
    // toSelectAllEmployees is an ng-model for select all Emp 
    if($scope.toSelectAllEmployees!=null && $scope.toSelectAllEmployees!=undefined) {   
        $scope.selectAllOrUnselectAll();
    }
});

$scope.selectAllOrUnselectAll = function() {   
    if($scope.toSelectAllEmployees!=null && $scope.toSelectAllEmployees!=undefined) {   
        if($scope.toSelectAllEmployees==true) {   
            $('.allEmployees').attr("checked", true);
        } else {
            $(".allEmployees").attr('checked',false);
            if($rootScope.fromMovingPage!=2 && $rootScope.fromMovingPage!=3) {
                // as we have now unchecked all employees hence we need to do matching and selected employee list size 0
                $scope.matchingAndSelectedEmployeesList.length = 0;
            }
        }
    }
}

Answer 1

在 onclick 事件中，如果您传递一个事件变量，例如

function(e) {

}

您可以输入：

function(e) {
    e.preventDefault();
}

我相信这就是你要问的。