如何检查是否在 jQuery 中选中了复选框？

prop()和is()方法是我们可以检查复选框是否在 jQuery 中被选中的两种方法。

prop()：此方法提供了一种跟踪复选框状态的简单方法。它在每种情况下都能很好地工作，因为每个复选框都有已选中的属性，用于指定其选中或未选中状态。

is()：这个方法也很简单好用。通过使用它，我们可以很容易地找到一个复选框是否被选中。

使用 jQuery prop() 方法：
句法：

$(selector).prop(parameter) 

参数：这里的参数是复选框的当前状态。

示例 1：

  

    
  

  

    
        
        
        
            $(document).ready(function() {
                $("#but").click(function() {
                    if ($("input[type=checkbox]").prop(
                      ":checked")) {
                        alert("Check box in Checked");
                    } else {
                        alert("Check box is Unchecked");
                    }
                });
            });
        
  
        
  
        
          Submit
      
    

  

输出：
在单击按钮复选框之前未单击：

点击按钮后：

使用 jQuery is() 方法：
句法 ：

$(selector).is(parameter) 

参数：这里的参数是复选框的当前状态。

示例 2：

  

    
        div {
            width: 80px;
            height: 80px;
            padding: 10px;
            border: 2px solid green;
        }
          
        button {
            margin-top: 10px;
        }
    
    
  
  

  

    
        
        
            $(document).ready(function() {
                $("#but").click(function() {
                    if ($("input[type=checkbox]").is(
                      ":checked")) {
                        alert("Check box in Checked");
                    } else {
                        alert("Check box is Unchecked");
                    }
                });
            });
        
  
        
  
        
          Submit 
      
    

  

输出：
在单击按钮复选框之前单击：

点击按钮后：

jQuery 是一个开源 JavaScript 库，它简化了 HTML/CSS 文档之间的交互，它以其“少写，多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。