<!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. iOS开发——新特性OC篇&Objective新特性

    Objective新特性 Overview 自 WWDC 2015 推出和开源 Swift 2.0 后,大家对 Swift 的热情又一次高涨起来,在羡慕创业公司的朋友们大谈 Swift 新特性的同时, ...

  2. 使用日志服务LogHub替换Kafka

    https://yq.aliyun.com/articles/35979#index_section

  3. 文件和目录之access函数

    本篇博文内容摘自<UNIX环境高级编程>(第二版),仅作个人学习记录所用.关于本书可参考:http://www.apuebook.com/. 当用open函数打开一个文件时,内核以进程的有 ...

  4. Java 如何连接 SQL 2008 R2

    前提: 1. 复制sqljdbc_auth.dll到C:\Windows\System32这个路径下. 2. 添加sqljdbc4.jar到Libraries里面. 代码示例: import java ...

  5. 自己写http获取网络资源和解析json数据

    虽然github上有很多开源的,方便的jar报,用起来也很方便,但我们也需要了解其中的原理,如何自己不用第三方jar包来获取网络资源 主要代码如下:  因为联网是耗时的操作,所以需要另开一个线程来执行 ...

  6. JAXB - Annotations, Annotations for the Schema: XmlSchema

    This annotation can only be used with a package. It defines parameters that are derived from the xsd ...

  7. Hive体系结构介绍

    http://www.aboutyun.com/thread-6217-1-1.html   1.Hive架构与基本组成     下面是Hive的架构图. 图1.1 Hive体系结构     Hive ...

  8. 我踩过的Alwayson的坑！(上集)

    最近被sql server Alwayson高可用组和读写分离,弄得神魂颠倒,身心俱疲.遇到了下面一些问题,提醒自己也给后来人做些记录. EntityFramework支不支持Alwayson? 起因 ...

  9. Webbrowers控件的小技巧

    我最近接触webbrowers 这个控件比较多,感觉用起来比较顺手吧.可以做很多操作. 貌似很多网络模拟有时候都内置这个控件或者类似的控件,但这样子速度就不能跟那些单纯用API 构建数据包比了. 我一 ...

  10. ios Swift 动手写

    Swift语言概览 基本概念 注:这一节的代码源自The Swift Programming Language中的A Swift Tour. Hello, world 类似于脚本语言,下面的代码即是一 ...