如何设置在AngularJS中单击按钮时选中的复选框？

在本文中，我们将看到如何在AngularJS中单击按钮将复选框设置为选中状态。

方法：方法是使用ng-checked来选中DOM中的复选框。在第一个示例中，通过按钮选中了一个复选框，在第二个示例中，通过按钮选中了多个复选框。 ng-model用于绑定复选框。

范例1：

  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function ($scope) {
            $scope.checkIt = function () {
                if (!$scope.check) {
                    $scope.check = true;
                } else {
                    $scope.check = false;
                }
            }
        });
    

  

    
        GeeksForGeeks
    
    
        How to set checkbox checked on
        button click in AngularJS
    
    
        
            Checkbox: 
            
            
            
                Click to Check 
            
            
            
        
    

  

输出：

范例2：

  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function ($scope) {
            $scope.checkIt = function () {
                if (!$scope.check) {
                    $scope.check = true;
                } else {
                    $scope.check = false;
                }
            }
        });
    

  

    
        GeeksForGeeks
    
    
        How to set checkbox checked on
        button click in AngularJS
    
    
        
            Checkbox1: 
            
            Checkbox2: 
            
            Checkbox3: 
            
            
            
                Click to Check 
            
            
            
        
    

  

输出：