首页 > 其他 > 详细

用checkbox做全选

时间:2014-07-13 11:51:32      阅读:410      评论:0      收藏:0      [点我收藏+]

 

html代码如下:

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>全选</title>
    </head>
    <body>
         <ul>
             <li><input id="all" type="checkbox" autocomplete="off"></li>
             <li><input type="checkbox" name="groupId" value="2"></li>
             <li><input type="checkbox" name="groupId" value="2"></li>
             <li><input type="checkbox" name="groupId" value="2"></li>
        </ul>
    </body>
</html>    

 

js代码如下:

 $("#all").click(function(event) {
      if(this.checked) { 
        $(‘input[name=groupId]‘).each(function() { 
            this.checked = true;                 
          });
     }else{
        $(‘input[name=groupId]‘).each(function() {
           this.checked = false;                       
         });         
     }    
 }); 

 

用checkbox做全选,布布扣,bubuko.com

用checkbox做全选

原文:http://www.cnblogs.com/smilepiu/p/3837692.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!