如何在AngularJS中设置通过单击按钮选中的单选按钮？

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

方法：方法是使用ng-checked检查DOM中的单选按钮。在第一个示例中，通过按钮检查单个单选按钮，在第二个示例中，通过按钮检查多个单选按钮。 ng-mode l用于绑定单选按钮。

范例1：

  

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

  

    
        GeeksForGeeks
    
    
        How to set radio button checked
        by button click in AngularJS
    
  
    
        
            Radio button: 
            
            
                Click here
            
            
        
    

  

输出：

范例2：

  

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

  

    
        GeeksForGeeks
    
    
        How to set radio button checked
        by button click in AngularJS
    
    
        
            Radio button 1: 
            
  
            Radio button 2: 
            
  
            Radio button 3: 
            
  
            
                Click here
            
            
        
    

  
       

输出：