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

<head>

    <title>全选，不全选，反选</title>

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

    <script language="javascript" type="text/javascript">

        $(function () {

            $("#selectAll").click(function () {//全选

                $("#playList :checkbox").attr("checked", true);

            });

            $("#unSelect").click(function () {//全不选

                $("#playList :checkbox").attr("checked", false);

            });

            $("#reverse").click(function () {//反选

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

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

                });

            });

        });

    </script>

</head>

<body>

    <div id="playList">

<table>

<tr><td><input type="checkbox" value="市场网1" />市场网1</td></tr>

 <tr><td><input type="checkbox" value="市场网2" />市场网2</td></tr>

<tr><td><input type="checkbox" value="市场网3" />市场网3</td></tr>

<tr><td><input type="checkbox" value="市场网4" />市场网4</td></tr>

  </table>

    </div>

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

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

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

</body>

</html>

方法二：

 <a href="javascript:;" id="all">全部选择</a><br>

 <a href="javascript:;" id="delAll">取消选择</a><br>

 <a href="javascript:;" id="antiAll">反向选择</a>

 <p><input type="checkbox" name="checkbox1">A

 <input type="checkbox" name="checkbox1"> B

 <input type="checkbox" name="checkbox1">C</p>

 <p><input type="checkbox" name="checkbox1">D

 <input type="checkbox" name="checkbox1">E

 <input type="checkbox" name="checkbox1">F</p>

Jquery部分

//全部选择

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

  $("input[name='checkbox1']").each(function(){

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

  });

 });

普通javascirpt部分：

function checkAll(){

 for(i=0;i<newTask.length;i++){

  e=newTask.elements[i];

  if(e.type=='checkbox'){

   if(e.checked=false){

    e.checked=true;

   }else{

    e.checked=true;

   }

  }

 }

}

Jquery部分：

//取消选择

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

  $("input[name='checkbox1']").each(function(){

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

  });

 });

普通javascript部分：

function delAll(){

 for(i=0;i<newTask.length;i++){

  e=newTask.elements[i];

  if(e.type=='checkbox'){

   if(e.checked=true){

    e.checked=false;

   }

   else{

    e.checked=false;

   }

  }

 }

}

Jquery部分：

//反向选择

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

  $("input[name='checkbox1']").each(function(){

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

     });

普通javascript部分：

function antiAll(){

 for(i=0;i<newTask.length;i++){

  e=newTask.elements[i];

  if(e.type=='checkbox'){

   e.checked=!e.checked;

  }

 }

}

jquery全选，jquery全不选,jquery反选的更多相关文章

  1. jquery的checkbox 全选和全不选

    今天写了一个checkbox的全选和全不选的功能: var check_all=function(){ if(this.checked){ //alert($(".adv_check_num ...

  2. jQuery实现全选、全不选、反选

    如图,需要使用jQuery实现全选.全不选.反选功能: 核心代码: 全选 $("#check_all").click(function(){ $("input:check ...

  3. jQuery checkbox 所有 全选、全不选、是否选中等

    下面是网络收集: jquery判断checked的三种方法:.attr('checked):   //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或fals ...

  4. Jquery表格变色 复选框全选，反选

    /*jquery静态表格变色*/ $(".tr2").mouseover(function(){ $(this).css("background"," ...

  5. jquery实现checkbox的全选

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

  6. jQuery实现CheckBox全选、全不选

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. jquery checkbox全选，全不选，反选方法，jquery checkbox全选只能操作一次

    jquery checkbox全选,全不选,反选方法, jquery checkbox全选只能操作一次, jquery checkbox全选只有第一次成功 >>>>>&g ...

  8. Jquery CheckBox复选框 全选/取消全选 最佳实现方式 参考案例

    <input id="chkAll" type="checkbox" />全选/取消全选</div> <asp:Repeater ...

  9. jquery实现全选、全不选、反选、获取选中的所有值总结

    HTML 我们的页面上有一个歌曲列表,列出多行歌曲名称,并匹配复选框供用户选择,并且在列表下方有一排操作按钮. <!doctype html> <html> <head& ...

  10. JQuery实现全选、全不选和反选功能

    看重点就行了,最后面给一个网页完整的代码 代码实例: function selectStu() { $.ajax("StuList",{ type:"post" ...

随机推荐

  1. 谈谈MVVM和链式网络请求架构

    前言 前一段时间一直在学习iOS的架构.为什么呢? 公司的架构一直是MVC,当我们正式上线的时候,项目已经有了超十万行代码.主要的VC一般都有2000行代码以上. 关键是,目前版本我们只做了三分之一的 ...

  2. 关于"干货集中营"的一个开源App

    中秋佳节,玩了一天,撸了两天代码,搞出这么个东东,共享出来,小伙伴们如果有兴趣,欢迎添砖加瓦. 数据接口为干货集中营的数据,接口地址:http://gank.io/api 使用到的技术清单如下: 1. ...

  3. MySQL（6）：数据操作

    1.创建数据(插入数据) (1)insert into  tab_name(字段列表)  values(值列表) (2)如果需要在插入时,为所有的字段设置值,那么可以省略字段列表.要求是值的顺序,应该 ...

  4. 0x800a1391-Microsoft Jscript "JSON未定义"

    本人在进行调试代码是遇到以下问题: 在运行到var result = JSON.parse(data);这句时,报错:JSON未定义.如下图:

  5. Linux系统常见的压缩命令

    *.Z compress 程序压缩的文件: //在当前的Linux主流版本中都已经默认没有支持该压缩命令了,因为gzip命令已经取代了compress命令了 *.gz gzip 程序压缩的文件: *. ...

  6. CyclicBarrier 使用说明

    字面意思回环栅栏,通过它可以实现让一组线程等待至某个状态之后再全部同时执行.叫做回环是因为当所有等待线程都被释放以后,CyclicBarrier可以被重用.   主要方法:      public i ...

  7. 怎样安装WIN7系统

    如何避免win7自动创建200M隐藏分区 1 安装win7到选择安装到哪个分区的时候,不能选择 unallocated diskspace ,也不能选 delete 已有的分区(例如C盘)安全的做法是 ...

  8. [转载]sql server 等待类型

    下表列出各任务所遇到的等待类型. 等待类型 说明 ASYNC_DISKPOOL_LOCK 当尝试同步并行的线程(执行创建或初始化文件等任务)时出现. ASYNC_IO_COMPLETION 当某任务正 ...

  9. SQL SERVER 与ACCESS、EXCEL的数据导入导出转换

    * 说明:复制表(只复制结构,源表名:a 新表名:b)      select * into b from a where 1<>1 * 说明:拷贝表(拷贝数据,源表名:a 目标表名:b) ...

  10. 从V$SQL_PLAN中FORMAT执行计划

    10G版本 select sql_id from v$sqlarea where sql_text like'%xxx%'; select  * from v$sql_plan where sql_i ...