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. Python多个版本安装！

    Python可以同时安装多个版本,目前我安装的是3.6和3.5,在Eclipse中使用3.6:在Visual Studio中使用3.5.如何让哪个版本的Python成为系统默认的解释器呢?通过调整不同 ...

  2. 有人向我反馈了一个bug

    我是一个前端开发者,但我想这个故事对任何开发者都会引起共鸣的有人向你反馈了一个 bug. “26 楼会议室的灯亮着.它需要被熄灭.”bug 的备注里写道“你应该能在 5 分钟内搞定,只要按一下开关就好 ...

  3. HtmlparseUtil.java

    该类并不是一个通用的工具类,需要按自己的要求实现,这里只记录了Htmlparse.jar包的一些用法.仅此而已! 详细看这里:http://gundumw100.iteye.com/blog/7043 ...

  4. shell 外部传入jmeter脚本线程数，rampUp时间，持续运行时间

    jmeter参数化部分参考上一篇 shell参数说明:$1线程数,$2:全部并发数rampup时间,$3:脚本持续运行时间,$4:每次脚本循环持续时间 $5:所以循环持续时间 #!/bin/bash ...

  5. 回朔法/KMP算法-查找字符串

    回朔法:在字符串查找的时候最容易想到的是暴力查找,也就是回朔法.其思路是将要寻找的串的每个字符取出,然后按顺序在源串中查找,如果找到则返回true,否则源串索引向后移动一位,再重复查找,直到找到返回t ...

  6. PreparedStatement批量(batch)插入数据

    JDBC操作数据库的时候,需要一次性插入大量的数据的时候,如果每次只执行一条SQL语句,效率可能会比较低.这时可以使用batch操作,每次批量执行SQL语句,调高效率. public Boolean ...

  7. ee

    <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Inse ...

  8. JQuery上传插件uploadify整理（Events）

    Arguments fileThe file object being cancelled onCancel:调用calcel方法.$('#upload').uploadify('cancel'); ...

  9. HTML控件-Select

    从今天开始,编写对于html控件的特性的探索文章,会广泛的引用网络的资源,所以本文的版权属于广大人民群众,欢迎转载,也同样禁止商业应用. [高手勿喷,标签页点击红色叉叉] select控件有一个特性: ...

  10. Android——TabWidget

    1.activity_tabwidget.xml <?xml version="1.0" encoding="utf-8"?><TabHost ...