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

要获取所选单选按钮的值，可以创建一个用户定义的函数，该函数获取所有具有 name 属性的单选按钮，并使用选中的属性找到选中的单选按钮。如果单选按钮被选中，checked 属性返回 True，否则返回 False。如果网页中有多个单选按钮，首先会获取所有输入标签，然后显示所有类型为'radio'并被选中的标签的值。

示例 1：当用户单击提交按钮时，以下程序显示所选单选按钮的值。

  

    
        Get value of selected
        radio button
    

  

    
        Select a radio button and click on Submit.
    
      
    Gender:
    Male
    Female
    Others
      
    
      
    
        Submit
    
      
    
      
    
      
    
        function displayRadioValue() {
            var ele = document.getElementsByName('gender');
              
            for(i = 0; i < ele.length; i++) {
                if(ele[i].checked)
                document.getElementById("result").innerHTML
                        = "Gender: "+ele[i].value;
            }
        }
    

                    

输出 ：

示例 2：以下程序在单击提交时显示所有选定单选按钮的值。

  

    
        Get value of selected radio button
    

  

    
        Select a radio button and click on Submit.
    
      
    Gender:
    Male
    Female
    Others
      
    
      
    Food Preference:
    Vegetarian
    Non-Vegetarian
      
    
      
    
        Submit
    
      
    
      
    
      
    
        function displayRadioValue() {
            document.getElementById("result").innerHTML = "";
            var ele = document.getElementsByTagName('input');
              
            for(i = 0; i < ele.length; i++) {
                  
                if(ele[i].type="radio") {
                  
                    if(ele[i].checked)
                        document.getElementById("result").innerHTML
                                += ele[i].name + " Value: "
                                + ele[i].value + "<br>";
                }
            }
        }
    

  
                    

输出：

JavaScript 以网页开发而闻名，但它也用于各种非浏览器环境。您可以按照这个 JavaScript 教程和 JavaScript 示例从头开始学习 JavaScript。