HTML | DOM 输入复选框对象

HTML 中的输入复选框对象表示 HTML 表单中的复选框。
对于 HTML 表单中的元素的每个实例，都会创建一个复选框对象。要访问复选框对象，请使用索引相应表单的元素数组或使用 getElementById();
创建复选框对象：我们可以通过 javascript 创建复选框对象。要创建 元素，请使用 document.createElement() 方法。创建后使用 appendChild() 方法将其附加到特定元素（例如 div）以显示它。
例子：

html

    
        
            DOM Input Checkbox Property
        
    
    
        
            GeeksforGeeks
        
        
            DOM Input Checkbox Property
        
          
  
Click the button to create a checkbox.
  
  
        Click me!
        
        
        
        function geek() {
            var myDiv = document.getElementById("myDiv");
              
            // creating checkbox element
            var checkbox = document.createElement('input');
              
            // Assigning the attributes
            // to created checkbox
            checkbox.type = "checkbox";
            checkbox.name = "name";
            checkbox.value = "value";
            checkbox.id = "id";
              
            // creating label for checkbox
            var label = document.createElement('label');
              
            // assigning attributes for 
            // the created label tag 
            label.htmlFor = "id";
              
            // appending the created text to 
            // the created label tag 
            label.appendChild(document.createTextNode('This is the label for checkbox.'));
              
            // appending the checkbox
            // and label to div
            myDiv.appendChild(checkbox);
            myDiv.appendChild(label);
        }
        
    

输出：
在点击按钮之前：

点击按钮后：

访问复选框对象：我们可以使用 getElementById() 方法访问复选框对象。将复选框元素的 id 放在 getElementById() 中以访问它。
例子：

html

    
        
            DOM Input Checkbox Property
        
    
    
        
            GeeksforGeeks
        
        
            DOM Input Checkbox Property
        
          
  
Click the button to check the checkbox.
  
  
  
        Click me!
        
        Checkbox: 
        
            function myFunction() {
  
              // fetching the checkbox by id
              var doc = document.getElementById("check");
                
              // changing the state of checkbox to checked
              doc.checked = true;
            }
        
    

输出：
在点击按钮之前：

点击按钮后：

Supported Browsers : DOM Input Checkbox 属性支持的浏览器如下：

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