<script src="JS/jquery-1.7.1.js"></script>

    <script type="text/javascript">

        $(function () {

            $('[value=全选]').click(function () {

                $(':checkbox').attr("checked", "checked");

            });

            $('[value=全不选]').click(function () {

                $(':checkbox').removeAttr("checked");

            });

            $('[value=反选]').click(function () {

                ////1.

                //$(':checkbox').each(function () {

                //    $(this).attr("checked", !$(this).attr("checked"));

                //});

                //2.

                // $(':checkbox').each(function () {

                $(':checkbox').attr("checked", function () {

                    if ($(this).attr("checked"))

                        return false;

                    return true;

                });

                // });

            });

        });

    </script>

</head>

<body>

    <input type="button" value="全选" />

    <input type="button" value="反选" />

    <input type="button" value="全不选" /><br />

    <input type="checkbox" id="1" /><label for="1">1</label>

    <input type="checkbox" id="2" /><label for="2">2</label>

    <input type="checkbox" id="3" /><label for="3">3</label>

    <input type="checkbox" id="4" /><label for="4">4</label>

    <input type="checkbox" id="5" /><label for="5">5</label>

    <input type="checkbox" id="6" /><label for="6">6</label>

    <input type="checkbox" id="7" /><label for="7">7</label>

    <input type="checkbox" id="8" /><label for="8">8</label>

    <input type="checkbox" id="9" /><label for="9">9</label>

</body

JQuery下CheckBox全选全不选反选的更多相关文章

  1. jquery操作checkbox方法（全选、全不选、至少选择一个、选择值/文本）

    原文:http://blog.csdn.net/u014079773/article/details/52371382 在实际开发中我们经常操作checkbox,不仅仅要获得checkbox选中的值, ...

  2. jquery实现checkbox列表的全选不选

    html代码 <th><input type="checkbox" onclick="selectAll(this);" />全选/取消 ...

  3. 【jQuery】CheckBox使用attr全选无法正确显示

    今天编写JS脚本时,遇到如下的问题. 下面是源代码: <script src="../Scripts/jquery-2.1.3.js"></script> ...

  4. jquery中checkbox全选失效的解决方法

    这篇文章主要介绍了jquery中checkbox全选失效的解决方法,需要的朋友可以参考下     如果你使用jQuery 1.6 ,代码if ( $(elem).attr(“checked”) ),将 ...

  5. Jquery 遍历 Table；遍历CheckBox ；遍历Select；全选/全不选

    关于Jquery:相信大家已经很熟悉了,我最近的项目运用到关于Jquery的遍历事件:权当总结下: 遍历Table <table  id="thistab"> < ...

  6. 解决jquery操作checkbox全选全不选无法勾选问题

    最近在学习中使用jquery操作checkbox,使用下面方法进行全选.反选:$("input[name='checkbox']").attr("checked" ...

  7. jquery实现checkbox全选和全部取消，以及获取值

    在后台管理中经常会遇到列表全选和取消的功能,如评论审核.申请等,用到的html标记就是checkbox.我用的是mysql数据库,代码如下: <!DOCTYPE html PUBLIC &quo ...

  8. jquery实现checkbox的全选

    <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> < ...

  9. jQuery实现Checkbox中项目开发全选全不选的使用

    <html> <head> <meta charset="utf-8"> <title>Checkbox的练习</title& ...

随机推荐

  1. git 第一次初始化

    Command line instructions Git global setup git config --global user.name "{名字}({工号})" git ...

  2. OpenStack,ceph

    · Hypervisor或Container项目 · 基础设施即服务(IaaS) · 平台即服务 (PaaS) · 配置管理工具 · 储存服务 (Storage) 在虚拟层类别中,KVM收获了48%的 ...

  3. MySQL- 锁(3)

    InnoDB在不同隔离级别下的一致性读及锁的差异 前面讲过,锁和多版本数据是InnoDB实现一致性读和ISO/ANSI SQL92隔离级别的手段,因此,在不同的隔离级别下,InnoDB处理SQL时采用 ...

  4. Spark Programming--Transformations

    map 将RDD中的每个数据项,一对一的映射关系,RDD数目不变,分区数也不变 例子: 数据集: map操作: flatMap 和map一样,但是会拆分每一个map之后的list,可以理解为一对多(注 ...

  5. detailsview 样式小问题

    detailsview不显示表头,设置HeaderText=""就可以,不知道为什么,如果有值,其他方式都没有调好! 内网格显示为0,Gridlines="None&qu ...

  6. SQL　Server　视图修改后有错怎么办？

    sp_refreshview 视图名:刷新指定视图 spsqlrefreshallviews:刷新全部视图

  7. Medical image computing

    Processing and analysis of medical images using computer comprises the following: image formation an ...

  8. 打补丁patch 命令使用

    打补丁patch 命令使用 http://www.cnblogs.com/huanghuang/archive/2011/07/14/2106402.html patch 命令用于打补丁,补丁文件是使 ...

  9. thinkphp 模板调用数据

    我自己写了个简单的模板是这样的 <!DOCTYPE html> <html> <head> <style> div { width:230px; hei ...

  10. nginx+tomcat实现动静分离

    本文设计的动静分离结构 在本文中,我们将静态资源放在 A 主机的一个目录上,将动态程序放在 B 主机上,同时在 A 上安装 Nginx 并且在 B 上安装 Tomcat.配置 Nginx,当请求的是 ...