<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 <html>

   <head>

     <meta http-equiv="content-type" content="text/html; charset=UTF-8">

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

   </head>

   <body>

     <table border="1" align="center">

         <tr>

             <th>状态</th>

             <th>用户名</th>

         </tr>

         <tr>

             <td><input type="checkbox"/></td>

             <td>赵</td>

         </tr>

         <tr>

             <td><input type="checkbox"/></td>

             <td>钱</td>

         </tr>

         <tr>

             <td><input type="checkbox"/></td>

             <td>孙</td>

         </tr>

         <tr>

             <td><input type="checkbox"/></td>

             <td>李</td>

         </tr>

         <tr>

             <td><input type="checkbox"/></td>

             <td>周</td>

         </tr>

         <tr>

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

             <td><input type="button" value="全取消"/></td>

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

         </tr>

     </table>

     <script type="text/javascript">

         //页面加载时，将全取消按钮失效

         window.onload = function(){

             $(":button:eq(1)").attr("disabled","disabled");

         }

         //全选中

         $(":button:eq(0)").click(function(){

             //所有复选框设置为选中状态

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

             //将该按钮失效

             $(this).attr("disabled","disabled");

             //将全取消按钮生效

             $(":button:eq(1)").removeAttr("disabled");

         });

         //全取消

         $(":button:eq(1)").click(function(){

             //所有选中的复选框删除选中属性

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

             //将该按钮失效

             $(this).attr("disabled","disabled");

             //将全选中按钮生效

             $(":button:eq(0)").removeAttr("disabled");

         });

         //全反选

         $(":button:eq(2)").click(function(){

             //将选中的失效

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

             //将未选中的选中

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

             //将失效的生效，同时删除选中属性

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

         });

     </script>

   </body>

 </html>

全反选或者

     $(":button:eq(2)").click(function(){

         $(":checkbox").each(function(){

             if($(this).attr("checked")!=null)

             {

                 $(this).removeAttr("checked");

             }

             else

             {

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

             }

         });

     });

jquery checkbox选框操作的更多相关文章

  1. jQuery——复选框操作

    学习jQuer对表单.表格操作的过程中,按照书上的例子发现一个问题: <!DOCTYPE html> <html> <head> <title>复选框应 ...

  2. jquery 复选框操作-prop()的使用

    <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content=&q ...

  3. jquery复选框操作

    $('input[type="checkbox"]').change(function(e) { var checked = $(this).prop("checked& ...

  4. Jquery全选系列操作（锋利的jQuery）

    Jquery全选系列操作(锋利的jQuery) <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ...

  5. C#：复选框操作类

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.W ...

  6. Jquery复选框

    Jquery复选框 1.checkbox list选择 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E ...

  7. JS及Dom练习 | 模态对话框及复选框操作

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

  8. Selenium之勾选框操作

    勾选框操作:       所谓勾选框,意思是可以勾选一个及以上或全部勾选.勾选框的图标一般都是方形的. 复选框勾选一般分为三种情况: ①勾选单个框,我们直接用元素定位的方式定位到点击即可. ②勾选多个 ...

  9. Thymeleaf+layui+jquery复选框回显

    一.Thymeleaf+layui+jquery复选框回显 基于Thymeleaf模板下的layui+jquery复选框回显,主要是jquery.大致意思是:把数组转成JSON传到前台,再在前台转回数 ...

随机推荐

  1. js自动补全实例

    var oInputField ,oPopDiv , oColorsUl,aColors; //初始化变量 function initVars(modelId,divId,ulId){ oInputF ...

  2. JavaScript 触发click事件 兼容FireFox，IE 和 Chrome

    解决了火狐下无法触发click事件的问题 <script language="javascript"> function test2(name) { if(docume ...

  3. 解决谷歌google不能访问造成wordpress打开缓慢的问题

    近日谷歌又不能访问了,开始没觉得有什么问题.对于技术控的我一直以来谷歌搜索是我的必备工具,这次似乎和往常不太一样,好几天了还是不能访问,通过修改hosts等办法还是没用,只有FQ出去才能访问,但总不能 ...

  4. 混沌数学之Henon吸引子

    Henon吸引子是混沌与分形的著名例子. 相关软件:混沌数学及其软件模拟相关代码: // http://wenku.baidu.com/view/d51372a60029bd64783e2cc0.ht ...

  5. Android音乐播放-MediaPlayer

    当你坐公交无聊的时候,当你淹没在地铁中人潮中的时候,你是否想内心保持一份的安静呢,那么请带上耳机,打开你的音乐播放器,听一首老歌带你进入宁静的世界,音乐播放这个功能在智能手机出现之前,诺基亚时代,甚至 ...

  6. C# 中使用 RSA加解密算法

    一.什么是RSA RSA公开密钥密码体制.所谓的公开密钥密码体制就是使用不同的加密密钥与解密密钥,是一种“由已知加密密钥推导出解密密钥在计算上是不可行的”密码体制. 在公开密钥密码体制中,加密密钥(即 ...

  7. 如何解决 SQL Server 中的锁升级所致的阻塞问题

    概要 锁升级为表锁插入转换很多细粒度的锁 (如行或页锁) 的过程.Microsoft SQL Server 动态确定何时执行锁升级.作出决定之前,SQL Server 将特定的扫描,整个事务,并且用于 ...

  8. Framework连接oracle数据库以及Cognos服务器出现错误

     1:Framework连接oracle数据库时出现下面错误信息 环境: win2008R2 cognos10.2.1, 服务器上已经安装oracle11.2 content manager连接的也是 ...

  9. （转）NGUI研究院之三种方式监听NGUI的事件方法

    NGUI事件的种类很多,比如点击.双击.拖动.滑动等等,他们处理事件的原理几乎万全一样,本文只用按钮来举例. 1.直接监听事件 把下面脚本直接绑定在按钮上,当按钮点击时就可以监听到,这种方法不太好很不 ...

  10. Logistic Regression的几个变种

    原文:http://blog.xlvector.net/2014-02/different-logistic-regression/ 最近几年广告系统成为很多公司的重要系统之一,定向广告技术是广告系统 ...