📌  相关文章
📜  如何使用jQuery检查复选框?

📅  最后修改于: 2022-05-13 01:55:56.274000             🧑  作者: Mango

如何使用jQuery检查复选框?

有两种方法可以通过更改输入类型的 checked 属性来动态检查当前选中的复选框。

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

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

例子:


  

    
        How to check a checkbox with jQuery?
    
  
    

  

    
        

            GeeksforGeeks          

                       jQuery Check/Uncheck Checkbox                     

                          Front-End                             Back-End         

           

                                                     

                
  

输出:

  • 在单击任何按钮之前:
  • 点击按钮:
  • 单击“重置”按钮:

方法二:使用attr方法:和上面的方法类似,更适合旧的jQuery版本。可以使用 attr 方法访问输入并设置其属性。我们必须操作 'checked' 属性并将其设置为 true 或 false,具体取决于我们要检查还是取消选中它。
注意:在将属性设置为 'true' 时需要添加一个 click 方法,以确保该选项在选项组中得到更新。
句法:



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

例子:


  

    
        How to check a checkbox with jQuery?
    
  
    

  

    
        

          GeeksforGeeks      

                     jQuery Check/Uncheck Checkbox                 

                          Front-End                              Back-End         

           

                                                     

             
  

输出:

  • 在单击任何按钮之前:
  • 点击按钮:
  • 单击“重置”按钮:

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