如何使用 JavaScript 选中/取消选中复选框？

方法一：使用重置按钮

1. 创建一个javascript函数。
2. 使用 window.addEventListener：它允许在任何支持事件的 HTML 文档或其他对象上添加事件侦听器。
3. 使用window.onload函数：用于在页面刷新或加载时立即执行任务。

例子：

  

    Check/Uncheck the checkbox using JavaScript

  

    
        GeeksforGeeks
        Check/Uncheck the checkbox using JavaScript
        
            
                
                
            
            
                
                     First
                
            
            
                
                     Second
                
            
            
                
                     Third
                
            
        
    


    //create function of check/uncheck box
    function checkAll() {
        var inputs = document.querySelectorAll('.check3');
        for (var i = 0; i < inputs.length; i++) {
            inputs[i].checked = true;
        }
    }
    window.onload = function() {
        window.addEventListener('load', checkAll, false);
    }

  

输出：
方法 2：使用单独的按钮

1. 创建两个javascript函数。
2. 使用 window.addEventListener 和 window.onload函数。

例子：

  

    Check/Uncheck the checkbox using JavaScript

  

    
        GeeksforGeeks
        Check/Uncheck the checkbox using JavaScript
        
  
            
                
                
            
  
            
                 First
            
  
            
                 Second
            
  
            
                 Third
            
  
        
    


    //create checkall function
    function checkAll() {
        var inputs = document.querySelectorAll('.check2');
        for (var i = 0; i < inputs.length; i++) {
            inputs[i].checked = true;
        }
    }
    //create uncheckall function
    function uncheckAll() {
        var inputs = document.querySelectorAll('.check2');
        for (var i = 0; i < inputs.length; i++) {
            inputs[i].checked = false;
        }
    }
  
    window.onload = function() {
        window.addEventListener('load', checkAll, false);
    }

  

输出：