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

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

做法：做法是使用ng-checked来勾选DOM中的checkbox。在第一个示例中，单个复选框由按钮选中，在第二个示例中，多个复选框由按钮选中。 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 
            
            
            
        
    

  

输出：