如何使用 AngularJS 获取单选按钮的值？

在本文中，我们将看到如何借助 AngularJS 获取单选按钮的值。在本文中，我们将使用ng-model来获取选中单选按钮的值。

示例 1：在此示例中，所选值显示为带有警报。

HTML

  

    
    
      
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function ($scope) {
            $scope.selectedGender = '';
            $scope.getVal = function (gender) {
                alert(gender);
            };
        });
    

  

    
        GeeksForGeeks
    
  
  
    
        How to get the radio button 
        value in AngularJS
    
  
  
    
        
            
                Male: 
                
                Female : 
                
  
                
                
                    Click here
                
            
        
    

  

输出：

• 在点击按钮之前：

• 点击按钮后：

示例 2：在此示例中，所选值显示在

标记中。

HTML

  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function ($scope) {
            $scope.selGender = '';
            $scope.getVal = function (gender) {
                $scope.selGender = angular.copy(gender);
            };
        });
    

  

    
        GeeksForGeeks
    
  
  
    
        How to get the radio button 
        value in AngularJS
    
  
  
    
        
            
                Male: 
                
                Female : 
                
  
                
                
                    Click here
                
            
  
            Choosen Gender = {{selGender}}
        
    

  

输出：