jQuery实现全选与全不选

最新推荐文章于 2024-01-23 19:19:19 发布

骆小胖

最新推荐文章于 2024-01-23 19:19:19 发布

阅读量173

点赞数

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

本文链接：https://blog.csdn.net/qq_42445490/article/details/88819045

版权

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

105 篇文章 0 订阅

订阅专栏

jQuery

26 篇文章 0 订阅

订阅专栏

【前言】

jQuery实现全选与全不选

【主体】

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

全选：<input type="checkbox" name="delAll" οnchange="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>