1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <head>
  3.     <title>全选，不全选，反选</title>
  4.     <script src="js/jquery.js" type="text/javascript"></script>
  5.     <script language="javascript" type="text/javascript">
  6.         $(function () {
  7.             $("#selectAll").click(function () {//全选
  8.                 $("#playList :checkbox").attr("checked", true);
  9.             });
  10.  
  11.             $("#unSelect").click(function () {//全不选
  12.                 $("#playList :checkbox").attr("checked", false);
  13.             });
  14.  
  15.             $("#reverse").click(function () {//反选
  16.                 $("#playList :checkbox").each(function () {
  17.                     $(this).attr("checked", !$(this).attr("checked"));
  18.                 });
  19.             });
  20.         });
  21.     </script>
  22. </head>
  23. <body>
  24.     <div id="playList">
  25. <table>
  26. <tr><td><input type="checkbox" value="市场网1" />市场网1</td></tr>
  27.  <tr><td><input type="checkbox" value="市场网2" />市场网2</td></tr>
  28. <tr><td><input type="checkbox" value="市场网3" />市场网3</td></tr>
  29. <tr><td><input type="checkbox" value="市场网4" />市场网4</td></tr>
  30.   </table>
  31.     </div>
  32.     <input type="button" value="全选" id="selectAll" />
  33.     <input type="button" value="全不选" id="unSelect" />
  34.     <input type="button" value="反选" id="reverse" />
  35. </body>
  36. </html>
  37. 方法二：
  38.  <a href="javascript:;" id="all">全部选择</a><br>
  39.  <a href="javascript:;" id="delAll">取消选择</a><br>
  40.  <a href="javascript:;" id="antiAll">反向选择</a>
  41.  <p><input type="checkbox" name="checkbox1">A
  42.  <input type="checkbox" name="checkbox1"> B
  43.  <input type="checkbox" name="checkbox1">C</p>
  44.  <p><input type="checkbox" name="checkbox1">D
  45.  <input type="checkbox" name="checkbox1">E
  46.  <input type="checkbox" name="checkbox1">F</p>
  47.  
  48. Jquery部分
  49. //全部选择
  50.  $("#all").click(function(){
  51.   $("input[name='checkbox1']").each(function(){
  52.    $(this).attr("checked",true);
  53.   });
  54.  });
  55. 普通javascirpt部分：
  56. function checkAll(){
  57.  for(i=0;i<newTask.length;i++){
  58.   e=newTask.elements[i];
  59.   if(e.type=='checkbox'){
  60.    if(e.checked=false){
  61.     e.checked=true;
  62.    }else{
  63.     e.checked=true;
  64.    }
  65.   }
  66.  }
  67. }
  68.  
  69. Jquery部分：
  70. //取消选择
  71.  $("#delAll").click(function(){
  72.   $("input[name='checkbox1']").each(function(){
  73.    $(this).attr("checked",false);
  74.   });
  75.  });
  76. 普通javascript部分：
  77. function delAll(){
  78.  for(i=0;i<newTask.length;i++){
  79.   e=newTask.elements[i];
  80.   if(e.type=='checkbox'){
  81.    if(e.checked=true){
  82.     e.checked=false;
  83.    }
  84.    else{
  85.     e.checked=false;
  86.    }
  87.   }
  88.  }
  89. }
  90.  
  91. Jquery部分：
  92. //反向选择
  93.  $("#antiAll").click(function(){
  94.   $("input[name='checkbox1']").each(function(){
  95.    $(this).attr("checked",!this.checked);
  96.      });
  97. 普通javascript部分：
  98. function antiAll(){
  99.  for(i=0;i<newTask.length;i++){
  100.   e=newTask.elements[i];
  101.   if(e.type=='checkbox'){
  102.    e.checked=!e.checked;
  103.   }
  104.  }
  105. }

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. Struts2中的类型转换

    1.     Struts2中的类型转换 我们知道通过HTTP提交到后台的数据,都是字符串的形式,而我们需要的数据类型当然不只字符串类型一种.所以,我们需要类型转换! 在Struts2中,类型转换的概 ...

  2. mac中vmware tools进行磁盘压缩和vmware-tools-cli的使用方法

    前言: 高高兴兴的在vmware9.0中安装了mac10.8系统,然后学习iphone开发,但是发现下载的pdf都是基于xcode3.2.5的,又在10.8上面安装3.2.5,出现“五国”无法解决,最 ...

  3. 将项目添加到Finder侧边栏和工具栏

    转: http://www.cnblogs.com/wormday/archive/2011/05/08/2039468.html 1.在侧边栏和工具栏右键,有相应的设置选项 2.可以将项目拖到侧边栏 ...

  4. java使用Thumbnailator操作图片

    Thumbnailator 是一个用来生成图像缩略图.裁切.旋转.添加水印等操作的 Java 类库,通过很简单的代码即可生成图片缩略图,也可直接对一整个目录的图片生成缩略图. Thumbnailato ...

  5. Helpers\Assets

    Helpers\Assets The assets helper is for loading CSS and JS files rather than writing out the full sc ...

  6. 结合 category 工作原理分析 OC2.0 中的 runtime

    绝大多数 iOS 开发者在学习 runtime 时都阅读过 runtime.h 文件中的这段代码: struct objc_class { Class isa  OBJC_ISA_AVAILABILI ...

  7. C# 之 日常积累（二）

    主要涉及(1)数字前补0:(2)去掉decimal类型后边无效的0相关问题. 1.数字前补0 ; ) { returnnumber.ToString(); } else { returnnumber. ...

  8. apply方法别有他用！

    首先是apply()一个很强大的功能——能将一个数组默认转化为参数列表!!! 应用: 1.求出一个数组中的最大值 var arr= [1, 3, 3, 6]; var max =Math.max.ap ...

  9. dedecms获取栏目下的频道列表

    可以使用: {dede:channelartlist}标签  使用方法: {dede:channelartlist row='6'} <dl>  <dt><a href= ...

  10. 用jquery-easyui中的combotree实现树形结构的选择

    用jquery-easyui中的combotree实现树形结构的选择 需求:实现一个树形节点的选择,要求默认父节点都折叠,父节点前的checkbox不显示,子节点显示checkbox,且父节点不可选择 ...