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;
            }
        
    

输出：
点击按钮前：

点击按钮后：

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

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