如何检查是否使用 JavaScript 选择了单选按钮？

给定一个包含单选按钮元素的表单，任务是在 JavaScript 的帮助下检查单选按钮是否被选中。有两种方法可以解决这个问题，下面将讨论：

使用 Input Radio 选中属性： Input Radio 选中属性用于返回 Input Radio Button 的选中状态。
使用document.getElementById('id').checked方法检查具有选定 id 的元素是否被检查。如果选中，则显示其相应的结果，否则检查下一条语句。如果没有选择任何单选按钮，则返回“未选择任何一个”。

例子：

  

    
        How to check whether a radio button
        is selected with JavaScript ?
    

  
 
      
    
        GeeksforGeeks
    
      
    
        Click on the button to check whether
        a radio button is sected or not
    
      
    
        GeeksforGeeks
          
        HTML
          
        JavaScript
      
        
            Submit
        
    
    
    
     
 
    
        function display() { 
            if(document.getElementById('GFG').checked) {
                document.getElementById("disp").innerHTML
                    = document.getElementById("GFG").value
                    + " radio button checked";
            }
            else if(document.getElementById('HTML').checked) {
                document.getElementById("disp").innerHTML
                    = document.getElementById("HTML").value
                    + " radio button checked";  
            }
            else if(document.getElementById('JS').checked) {
                document.getElementById("disp").innerHTML
                    = document.getElementById("JS").value
                    + " radio button checked";  
            }
            else {
                document.getElementById("disp").innerHTML
                    = "No one selected";
            }
        }
    
       

输出：

• 在点击提交按钮之前：
  
• 点击提交按钮后：
  

使用 DOM 的 querySelector() 方法： querySelector() 方法用于返回与文档中指定的 CSS 选择器匹配的第一个元素。
使用document.querySelector('input[name="GFG"]:checked')方法检查单选按钮的选中元素并显示其相应的结果。如果没有选择一个单选按钮，则返回“没有选择一个”

例子：

  

    
        How to check whether a radio button
        is selected with JavaScript ?
    

  
 
      
    
        GeeksforGeeks
    
      
    
        Click on the button to check whether
        a radio button is sected or not
    
      
    
        GeeksforGeeks
          
        HTML
          
        JavaScript
      
        
            Submit
        
    
    
    
     
 
    
        function display() { 
            var checkRadio = document.querySelector(
                'input[name="GFG"]:checked');
              
            if(checkRadio != null) {
                document.getElementById("disp").innerHTML
                    = checkRadio.value
                    + " radio button checked";
            }
            else {
                document.getElementById("disp").innerHTML
                    = "No one selected";
            }
        }
    

输出：

• 在点击提交按钮之前：
  
• 点击提交按钮后：
  

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