如何使用 jQuery 检查单选按钮？

有两种方法可以通过更改输入类型的选中属性来动态更改当前选定的单选按钮。

方法一：使用prop方法：可以使用prop方法访问输入并设置其属性。此方法操作 ‘checked’ 属性并根据我们是要检查还是取消检查将其设置为 true 或 false。

句法：

$("element").prop("checked", true)

例子：

    
        How to check a radio button
        with jQuery?
    
      
    
    

  

    
        GeeksForGeeks
    
      
    
        jQuery Check/Uncheck Radio Button
    
      
    
        
            Free Membership
              
        
            Premium Membership
    
      
    
        
            Get Free
        
          
        
            Get Premium
        
          
        
            Reset options
        
    
      
    
        $(document).ready(function () {
            $(".check-free").click(function () {
                $("#free").prop("checked", true);
            });
            $(".check-premium").click(function () {
                $("#premium").prop("checked", true);
            });
            $(".reset").click(function () {
                $("#free").prop("checked", false);
                $("#premium").prop("checked", false);
            });
        });
    

  
                    

输出：

• 点击“免费”按钮：
  
• 单击“获取高级版”按钮：
  
• 单击“重置选项”按钮：
  

方法二：使用attr方法：与上面的方法类似，更适合旧的jQuery版本。可以使用 attr 方法访问输入并设置其属性。我们必须操作 ‘checked’ 属性并将其设置为 true 或 false，具体取决于我们要检查还是取消选中它。

注意：在将属性设置为 ‘true’ 时需要添加一个 click 方法，以确保该选项在选项组中得到更新。

句法：

$("element").attr("checked", true)

例子：

    
        How to check a radio
        button with jQuery?
    
      
    
    

  

    
        GeeksForGeeks
    
    jQuery Check/Uncheck Radio Button
    
        
            Free Membership
        
            Premium Membership
    
      
    
        
            Get Free
        
          
        
            Get Premium
        
          
        
            Reset options
        
    
      
    
        $(document).ready(function () {
            $(".check-free").click(function () {
                $("#free").attr("checked", true).click();
            });
            $(".check-premium").click(function () {
                $("#premium").attr("checked", true).click();
            });
            $(".reset").click(function () {
                $("#free").attr("checked", false);
                $("#premium").attr("checked", false);
            });
        });
    

  
                    

输出：

• 点击“免费”按钮：
  
• 单击“获取高级版”按钮：
  
• 单击“重置选项”按钮：
  

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