HTML | DOM Input Radio 选中属性

HTML DOM 中的DOM Input Radio 选中属性用于设置或返回Input Radio Button 的选中状态。此属性用于反映 HTML 选中的属性。

句法：

• 它返回选中的属性。

  radioObject.checked

• 用于设置checked属性：

  radioObject.checked = true|false

属性值：

• true：指定选中单选按钮。
• false：它有一个默认值。它指定不选中单选按钮。

返回值：它返回一个布尔值，表示单选按钮是否被选中。

示例 1：此示例说明如何返回属性。

  

    
        body {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
    

  

    
      GeeksforGeeks
  
  
    
      HTML DOM Input Radio Checked Property
  
  
    
        Radio Button:
        
        
        
    
    
        Click!
    
    
  
    
        function GFG() {
  
            // Accessing input element 
            // type="radio" 
            var x =
                document.getElementById(
                  "radioID").defaultChecked;
            
            document.getElementById(
              "GFG").innerHTML = x;
        }
    
  

  

输出：
点击按钮前：

点击按钮后：

示例 2：此示例说明如何设置属性。

  

    
        body {
            text-align: center;
        }
          
        h1 {
            color: green;
        }
    

  

    GeeksforGeeks
  
    HTML DOM Input Radio  Checked Property
  
    
        Radio Button:
        
        
        
    
    
        check
    
    
        uncheck
    
    
  
    
        function GFG() {
  
            // Accessing input element 
            // type="radio" 
            document.getElementById(
              "radioID").checked = "true";
        }
  
        function uncheck() {
            document.getElementById(
              "radioID").checked = false;
        }
    
  

  

输出：
在单击检查按钮之前：

单击检查按钮后：

单击取消选中按钮后：

支持的浏览器： DOM input Radio checked 属性支持的浏览器如下：

• 谷歌浏览器
• 浏览器 10.0 +
• 火狐
• 歌剧
• 苹果浏览器