jquery 实现邮箱的全选/全不选全选与全不选功能

jackroomage

浏览: 1217713 次
性别:
来自: 北京

最近访客更多访客>>

SzBenQ6917

sh1818

bruce_ma

sjhjane

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javaScript
jQuery

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
     <script src="c:\jquery.js""></script>
</head>
       <script>
//                      全选/全不选
                       $(function(){
                    // alert(true&&false);
                        $("#checkboxAll").click(function(){
                                $("[name=items]:checkbox").attr("checked",this.checked)
                        });

//                      反选
                        $("#checkRev").click(function(){
                                $("[name=items]:checkbox").each(function(){
                                    this.checked=!this.checked;
                                });
                        });
//                      绑定
                        $("[name=items]:checkbox").click(function(){
                               var flag=true;
                                $("[name=items]:checkbox").each(function(){
                                    if(!this.checked){
                                        flag=false;
                                        return false;

                                    }
                                });
                                $("#checkboxAll").attr("checked",flag);
                        });
                })
       </script>
   <body>
       你喜欢的水果是?
       <input type="checkbox" id="checkboxAll">全选/全不选</input><br>

       <input type="checkbox" name="items">苹果</input>
       <input type="checkbox" name="items">香蕉</input>
       <input type="checkbox" name="items">西瓜</input>
       <input type="checkbox" name="items">葡萄</input><br>
       <input type="button" id="checkRev" value="反选"></input><br>
   </body>
</html>

分享到：

jQuery学习之prop和attr的区别 | jQuery里$(this)和this的区别在哪？

2013-07-04 17:43
浏览 963
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论