ng-checked的替代方法，以在AngularJS中获取复选框的状态

任务是在AngularJS的帮助下获取复选框的状态。

方法：

• ng-model用于获取选定的复选框。
• 只需为ng-model设置不同的值，这些值将用于检查是否选择了元素。
• 会弹出一个带有真实值的选定复选框的警报。

范例1：

HTML

  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function ($scope) {
            $scope.selCheckboxes = '';
            $scope.getSelCheckB = function (myCheckbox) {
                alert(JSON.stringify(myCheckbox));
            };
        });
    

  

    
        GeeksForGeeks
    
  
  
    
        Alternative of ng-checked to get 
        the checkbox's state in AngularJS
    
  
    
        
            
                Checkbox1 :
                
                
                Checkbox2 :
                
                Checkbox3 :
                
                Checkbox4 :
                
                
  
                
                    Click
                
            
        
    

  

输出：

• 在单击按钮之前：

• 单击按钮后：

范例2：

的HTML

  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function ($scope) {
            $scope.selCheckboxes = '';
            $scope.getSelCheckB = function (myCheckbox) {
                $scope.selCheckboxes 
                    = angular.copy(myCheckbox);
            };
        });
    

  

    
        GeeksForGeeks
    
  
  
    
        Alternative of ng-checked to get the 
        checkbox's state in AngularJS
    
  
    
        
            
                Checkbox1 :
                
                
                Checkbox2 :
                
                Checkbox3 :
                
                Checkbox4 :
                
                
  
                
                    Click
                
            
  
            Selected Checkboxes = {{selCheckboxes | json}}
        
    

  

输出：