码迷,mamicode.com
首页 > 其他好文 > 详细

用checkbox做全选

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

标签:style   blog   color   for   cti   io   

 

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做全选

标签:style   blog   color   for   cti   io   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!