<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 <html>

 <head>

     <title>新建网页</title>

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

     <meta name="description" content=""/>

     <meta name="keywords" content=""/>

     <script type="text/javascript" src="../jquery-1.4.4.js" ></script>

     <script type="text/javascript">

         function selAll(){

             $(".ho").attr('checked',true);

         }

         function selAllNot(){

             $(".ho").attr('checked',false);

         }

         function selFan(){

             //反选操作

             //获得全部复选框、遍历、判断当前选中情况

             for(var i=0; i<$(".ho").length; i++){

                 var flag = $(".ho:eq("+i+")").attr("checked");

                 $(".ho:eq("+i+")").attr("checked",!flag);

             }

         }

     </script>

 </head>

 <body>

 <h2>复选框操作</h2>

 <input type="checkbox" name="hobby[]" id="hobbya" class="ho" value='a'>篮球

 <input type="checkbox" name="hobby[]" id="hobbyb" class="ho" value='b'>足球

 <input type="checkbox" name="hobby[]" id="hobbyc" class="ho" value='c'>登山

 <input type="checkbox" name="hobby[]" id="hobbyd" class="ho" value='d'>排球

 <br /><br />

 <input type="button" value="全选" onclick="selAll()" />

 <input type="button" value="全不选" onclick="selAllNot()" />

 <input type="button" value="反选" onclick="selFan()" />

 </body>

 </body>

 </html>

jquery实现全选、全不选、反选操作的更多相关文章

  1. 利用jQuery实现CheckBox全选/全不选/反选

    转自:http://www.cnblogs.com/linjiqin/p/3148259.html jQuery有些版本中实现CheckBox全选/全不选/反选会有bug,经测试jquery-1.3. ...

  2. jquery的全选/全不选/反选以及attr添加checked属性失败的解决办法

    如下图: <head> <title></title> <style type="text/css"> div { border: ...

  3. 用jQuery实现全选-全不选-反选的功能

    临近过年,刚学IT没多久的小白在这里祝大家在新的一年里:新春快乐,月月赚钱,天天开心,时时快乐,分分精彩,秒秒幸福,事事顺利 古人云:学而时习之,不亦说乎. 学习后经常温习所学的知识,也是件令人愉悦的 ...

  4. jQuery实现全选、全不选以及反选操作

    在写购物车案例时实现全选操作使用的是js的getAttribute()setAttribute()方法获取checked属性的值是undefined实现完成之后全选操作,如果在全选中的情况下改变其中一 ...

  5. jQuery实现全选、不选和反选功能

    jQuery结合Font Awesome字体图标实现全选.不选和反选功能 Font Awesome字体图标链接地址:http://www.fontawesome.com.cn/faicons/ 效果: ...

  6. jquery实现全选、不选、反选的两种方法

    在取复选框checkbox的属性checked属性值时,发现一个问题,就是当用attr取值时,真的为"checked",假的为"undefined";当用pro ...

  7. Java 多选框的全选、多选、反选（JQuery 实现）

    jQuery 实现全选.多选.反选 学习内容: 需求 总结: 学习内容: 需求 jQuery 实现全选.多选.反选 实现代码 <!DOCTYPE html> <html lang=& ...

  8. jquery 全选 全不选 反选

    1.概述 在项目中经常遇到列表中对复选框进行勾选操作,全选...反选.. 2. example <html> <body> <form id="test-for ...

  9. springMvc接收ajax数组参数，以及jquery复选框选中、反选、全选、全不选

    一.复选框选中.反选.全选.全不选 html代码: <input type='checkbox' name='menuCheckBox' value='10' >苹果 <input ...

随机推荐

  1. 不会内存溢出的Android Handler写法

    private static class ThisHandler extends Handler {     private final WeakReference<MainActivity&g ...

  2. RedHat Enterprise Linux下配置yum源（尝试过的可行方案）

    转自:http://bbs.51cto.com/thread-861410-1.html 一.在linux 6.1中本地yum源配置:首先编辑yum源配置文件我们可以再这个目录中新创建一个配置文件,v ...

  3. 小白日记18：kali渗透测试之缓冲区溢出实例（二)--Linux，穿越火线1.9.0

    Linux系统下穿越火线-缓冲区溢出 原理:crossfire 1.9.0 版本接受入站 socket 连接时存在缓冲区溢出漏洞. 工具: 调试工具:edb: ###python在漏洞溢出方面的渗透测 ...

  4. BloomFilter——读数学之美札记

    之前接触过bitmap,读吴军先生的数学之美,看到了一个更强大的数据结构,布隆过滤器(Bloomfilter),赶紧记下来吧,忘了怪可惜的. bitmap的使用是很有局限性的,往往只能用于海量数值型数 ...

  5. Asp.Net 之 WebService部署到服务器后出现" The test form is only available for requests from the local machine "

    最近由于任务需要开发了一个WebService, 部署到服务器以后,出现上述问题,网上查找到如下解决方案: 问题原因: 从 NET Framework 1.1 起定义了一个名为 HttpPostLoc ...

  6. python-其他常用模块

    本节大纲: 模块介绍 time &datetime模块 random shutil shelve xml处理 yaml处理 configparser hashlib subprocess lo ...

  7. alfresco 5.0 document

    http://docs.alfresco.com/community/tasks/imagemagick-config.html

  8. CF Drazil and Date (奇偶剪枝)

    Drazil and Date time limit per test 1 second memory limit per test 256 megabytes input standard inpu ...

  9. makefile中使用变量

    makefile里的变量就像一个变量,变量的作用主要如下: (1)保存文件名列表. (2)保存编译器的参数. makefile中的变量是用一个字符串在makefile中定义的,这个文本串就是变量的值. ...

  10. Oracle查找被长时间锁定的对象并kill

    1.用如下语句查找被锁住的表名.OSclient.Session信息 SELECT B.SID         ,B.SERIAL#         ,D.SPID        OS系统进行号    ...