HTML | DOM 输入单选值属性

HTML DOM 中的DOM Input Radio value 属性用于设置或返回input radio 字段的值。该属性指定默认值或用户类型值。

句法：

• 它返回 value 属性。

  radioObject.value

• 它用于设置 value 属性。

  radioObject.value = number

属性值：它包含一个值，即与输入单选框相关联的值。

返回值：它返回一个字符串值，表示单选按钮的 value 属性的值。

示例 1：此示例说明如何返回值 Property。

  

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

  

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

  

输出：
点击按钮前：

点击按钮后：

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

  

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

  

    GeeksforGeeks
  
    
      HTML DOM Input Radio value Property
  
  Radio Button:
    
    
    
    
        Click!
    
    
  
    
        function GFG() {
  
            // Accessing input element 
            // type="radio" 
            var x =
                document.getElementById(
                  "radioID").value = "Hellogeeks";
            
            document.getElementById(
              "GFG").innerHTML = 
              "The value was changed to " + x;
        }
    
  

  

输出：
点击按钮前：

点击按钮后：

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

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