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

一、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>

(2)效果图
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/huang_jimei/article/details/107483769