1 <script type="text/javascript">

  $(function(){

      //全选

      $("#CheckedAll").click(function(){

          $('[name=items]:checkbox').attr("checked", this.checked );

      });

      $('[name=items]:checkbox').click(function(){

          //定义一个临时变量，避免重复使用同一个选择器选择页面中的元素，提升程序效率。

          var $tmp=$('[name=items]:checkbox');

          //用filter方法筛选出选中的复选框。并直接给CheckedAll赋值。

          $('#CheckedAll').attr('checked', $tmp.length==$tmp.filter(':checked').length);

      });

      //输出值

      $("#send").click(function(){

         var str="你选中的是：\r\n";

         $('[name=items]:checkbox:checked').each(function(){

             str+=$(this).val()+"\r\n";

         })

         alert(str);

      });

   });

   </script>

 </head>

 <body>

 <form method="post" action="">

     <b>你爱好的运动是?</b><br/>

     <input type="checkbox" id="CheckedAll" />全选/全不选<br/>

     <input type="checkbox" name="items" value="足球"/>足球

     <input type="checkbox" name="items" value="篮球"/>篮球

     <input type="checkbox" name="items" value="羽毛球"/>羽毛球

     <input type="checkbox" name="items" value="乒乓球"/>乒乓球<br/>

     <input type="button" id="send" value="提　交"/>

 </form>

 </body>

Jquery 利用单个复选款（checkbox）实现全选、反选的更多相关文章

  1. layui 复选框checkbox 实现全选全选

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. jQuery对复选框（checkbox)的全选，全不选，反选等的操作

    效果截图: HTML代码: <body><ul id="list"> <li><label><input type=" ...

  3. jquery checkbox 选中 全选 插件

    checkbox  选中 全选 在项目中经常用到,但是不同的程序员写出的东西各有差异,在此整合了jquery checkbox插件,用起来很方便,也总结了我们项目中通常会出现问题的地方,一行代码搞定. ...

  4. jquery中checkbox的全选与反选

    <!DOCTYPE html><html><head> <meta charset="utf-8" /> <title> ...

  5. jQuery checkbox的全选与反选

    1:checkbox的全选与反选 js 代码 $("#cbAll").click(function(){ if($("#cbAll").is(":ch ...

  6. 通过VBA实现checkbox的全选和反选

    checkbox的全选和反选可以通过VBA来控制,这种设计常见于一些交互式报表,代码如下: 1.分成两个IF判断 Private Sub CheckBox1_Click()  ‘checkbox为总控 ...

  7. asp.net中Repeater结合js实现checkbox的全选/全不选

    前台界面代码: <input name="CheckAll" type="checkbox" id="CheckAll" value= ...

  8. html checkbox 实现全选/取消全选

    html checkbox  实现全选/取消全选 <html> <body> <table border="1"> <tr> < ...

  9. checkbox 的全选与全不选

    checkbox 的全选与全不选 只需要调用 cekAll.check();方法,这个方法接收两个参数: 参数一: 全选按钮的 id 以字符串的形式写 参数二: 其他 checkbox 的 name ...

随机推荐

  1. 证书 pki

    对称加密         symmetric cryptographic 非对称加密     asymmetric cryptographic 密钥交换协议 key agreement/exchang ...

  2. 容易导致outofmemoryException内存泄漏异常的编码问题

    1．System.Drawing方面的类使用问题 System.Drawing用到了很多系统的资源和非托管代码,所以使用的时候要特别小心,注意内存泄漏(Memory Leak) 2．new byte[ ...

  3. substring与substr

    一.substring package Test; public class SubstringTest { public static void main(String[] args) { Stri ...

  4. sql server 2008 System.Data.SqlClient.SqlException (0x80131904): 查询处理器未能为执行并行查询启动必要的线程资源 处理方法

    修改并行度: 修改了这个“最大并行度”,如果再没出现 cxpacket应该没问题了 参考资料:http://jingyan.baidu.com/article/5d6edee22daf8799eade ...

  5. mssqlserver 查询数据库表结构语句

    查询指定表结构的表名.列名.类型.说明.字段长度 select o.name as tableName,c.name as columnName,t.name as columnType,p.valu ...

  6. Ansible状态管理

     转载自:http://xdays.me/ansible状态管理.html 简介 就像所有服务器批量管理工具(puppet有DSL,salt有state)一样,ansible也有自己的状态管理组件 ...

  7. FAQ: Automatic Statistics Collection (文档 ID 1233203.1)

    In this Document   Purpose   Questions and Answers   What kind of statistics do the Automated tasks ...

  8. jxl的API

    jxl的API 使用Windows操作系统的朋友对Excel(电子表格)一定不会陌生,但是要使用Java语言来操纵Excel文件并不是一件容易的事.在Web应用日益盛行的今天,通过Web来操作Exce ...

  9. 《Head First 设计模式》ch.1 策略(Strategy)模式

    策略模式 定义了算法族,分别封装起来,让它们可以互相替换,让算法的变化独立于使用算法的客户. 模式名词的意义 威力强大,交流的不止是模式名称,而是一整套模式背后所象征的质量.特性.约束 用更少的词汇做 ...

  10. Oracle VM VirtualBox 安装笔记

    [CentOS 6] 1.在官网下载VirtualBox-4.2-4.2.16_86992_el6-1.x86_64.rpm安装. 2.YUM安装kernel-devel包. 3.把用户加入vboxu ...