HTML | DOM 输入复选框值属性

HTML DOM 中的Input Checkbox Value 属性用于设置或返回输入复选框字段的 value 属性的值，但 value 属性的内容不会显示给用户。当用户提交表单时，将值和其他信息发送到服务器。但是当复选框处于未选中状态时，因此不会发送任何信息。

句法：

• 它返回输入复选框值属性。

  checkboxObject.value

• 它用于设置输入复选框值属性。

  checkboxObject.value = text

属性值：它包含单值文本，用于指定与输入复选框字段关联的值。

返回值：它返回一个字符串值，表示输入复选框字段的 value 属性的值。

示例 1：此示例返回输入复选框值属性。

 
     
        
            DOM Input Checkbox value Property
        
     
      
     
      
        
            GeeksforGeeks
         
          
        DOM Input Checkbox value Property 
          
         
          
            
            Checked by default 
            
                    Not checked by default 
         
          
        
            Submit
        
          
        
          
        
        
            function myGeeks() {
                var g = document.getElementById("GFG").value;
                document.getElementById("sudo").innerHTML = g;
            }
        
     
                    

输出：
在点击按钮之前：

点击按钮后：

示例 2：此示例设置输入复选框值属性。

 
 
     
        
            DOM Input Checkbox value Property
        
     
      
     
      
        
            GeeksforGeeks
         
          
        DOM Input Checkbox value Property 
          
         
          
            
            Checked by default 
                      
            
                    Not checked by default 
         
          
        
            Submit
        
          
        
          
        
        
            function myGeeks() {
                var g = document.getElementById("GFG").value
                        ="Geeks";
                          
                document.getElementById("sudo").innerHTML
                        = "The value of the value attribute"
                          + " was change to " + g;
            }
        
     
                    

输出：
在点击按钮之前：

点击按钮后：

支持的浏览器： DOM Input Checkbox value 属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器