jQuery实现全选与全不选

最新推荐文章于 2021-08-05 15:50:48 发布

骆小胖

最新推荐文章于 2021-08-05 15:50:48 发布

阅读量210

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 前端积累文章标签： jQuery 前端积累 ViewUI

本文链接：https://blog.youkuaiyun.com/qq_42445490/article/details/88819045

前端积累同时被 2 个专栏收录

105 篇文章

订阅专栏

jQuery

26 篇文章

订阅专栏

本文介绍了一种使用jQuery实现全选功能的方法。通过简单的代码示例展示了如何在页面上使用一个复选框来控制多个复选框的状态。该方法简化了传统JavaScript实现全选功能所需的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

【前言】

jQuery实现全选与全不选

【主体】

之前文章用JS实现全选纯JS实现全选与全不选，这里介绍下如何通过jquery实现全选。

全选：<input type="checkbox" name="delAll" onchange="checkAll()">  
<input type="checkbox" name="del">  
<input type="checkbox" name="del">  
<input type="checkbox" name="del">  
<input type="checkbox" name="del">  
<input type="checkbox" name="del"> 
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function(){
   $("input[name=delAll]").click(function(event) {
      $("input[name=del").attr("checked",$(this[0].checked);
   });
})
</script>