如何在 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
            
            
        
    

  
       

输出：