<!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. protocol buffer的简单使用

    protocol buffer是一个高效的结构化数据存储格式,用来结构化数据的序列化与反序列化.目前支持java.c++.Python 相对于json而言: 数据量跟小 其他的还没看出什么优势 下载地 ...

  2. firefly的rpc。。

    firefly使用了twisted的pb 来实现rpc: http://twistedmatrix.com/documents/current/core/howto/pb-usage.html 服务端 ...

  3. android131 360 04 手机安全页面

    ## Root权限 ## > 什么是Root权限? Root权限相当于系统管理员权限, 有了root权限,就可以随意修改和删除手机内部的文件. > 一般手机购买之后, 都没有root权限. ...

  4. JavaScript网站设计实践（一）网站结构以及页面效果设计

    这是JavaScript DOM编程艺术里的构建JavaScript网站设计的例子,这本书给我学习JavaScript带来许多启发,在这个乐队宣传网站中,把前面学到的知识点整合在这个项目了.在这里记录 ...

  5. confirm的用法

    内容换行:第一种方法:var str = "aaaaa\\n11111";confirm(str.replace("\\n","\n")); ...

  6. Java多线程编程总结（学习博客）

    Java多线程编程总结:网址:http://lavasoft.blog.51cto.com/62575/27069/

  7. c# winform动态生成控件与获取动态控件输入的值

    差不多有2年没有写winform程序,一直都是写bs.最近项目需要,又开始着手写一个小功能的winform程序,需要动态获取xml文件的节点个数,生成跟节点个数一样的textbox, 最后还要获取操作 ...

  8. JAVA访问配置文件总结

    一.全局配置的简单 propertie 文件实现 package com.testgs.utils; import java.util.*; import java.io.*; public fina ...

  9. 12天学好C语言——记录我的C语言学习之路（Day 8）

    12天学好C语言--记录我的C语言学习之路 Day 8: 从今天开始,我们获得了C语言中很有力的一个工具,那就是函数.函数的魅力不仅于此,一个程序到最后都是由众多函数组成的,我们一定要用好函数,用熟练 ...

  10. window的画图工具(mspaint)也可以帮助我们开发和调试代码的.

    经常在视频中看到老师使用画图板来给学生讲解概念. 久而久之,发现私下里,开发程序调试程序时也可以使用画图板来辅助开发. 新建一个"无标题"的画图板 -> 把将要区分的问题扔进 ...