Jquery--实现checkbox全选全不选功能

最新推荐文章于 2023-09-26 13:03:56 发布

huang_jimei

最新推荐文章于 2023-09-26 13:03:56 发布

阅读量135

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/huang_jimei/article/details/107483769

版权

Jquery 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

一、Jquery实现全选全不选功能
（1）代码

<body>
  <input type="checkbox" id="allcheck" />全选<br />
  <input type="checkbox" />
  <input type="checkbox" />
  <input type="checkbox" />
  <input type="checkbox" />
 <script type="text/javascript" src="js/jquery-2.1.4.min.js" ></script>
 <script>
     $('#allcheck').click(
      function(){
       if($(this).is(':checked')){
        $(':checkbox').prop({'checked':true});
       }else{
        $(':checkbox').prop({'checked':false});
       }
      }
     )
 </script>
 </body>