<!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. 【jQuery插件】用jQuery Masonry快速构建一个pinterest网站布局(转)

    [jQuery插件]用jQuery Masonry快速构建一个pinterest网站布局 时间:2011年03月21日作者:愚人码头查看次数:29,744 views评论次数:25条评论 前段时间领导 ...

  2. 9个使用前必须再三小心的Linux命令

      Linux shell/terminal 命令非常强大,即使一个简单的命令就可能导致文件夹.文件或者路径文件夹等被删除.在一些情况下,Linux 甚至不会询问你而直接执行命令,导致你丢失各种数据信 ...

  3. emplace_back与push_back的区别

    std::vector::emplace_back     C++   Containers library   std::vector   template< class... Args &g ...

  4. 学习笔记之#pragma

    http://baike.baidu.com/link?url=lxA9Wl1KnacWUDZYz5U06iKMkUAeI6dr0x1wQ4i-rqf6Dpk6hEeOOaj2XhvGx9VLVm2z ...

  5. windows身份验证模式和SQL server身份验证模式 有什么不同

    两个验证方式是有明显不同的. 主要集中在信任连接和非信任连接. windows 身份验证相对于混合模式更加安全,使用本连接模式时候,sql不判断sa密码,而仅根据用户的windows权限来进行身份验证 ...

  6. FactoryBean的使用--转

    一般情况下,Spring通过反射机制利用bean的class属性指定实现类来实例化bean .在某些情况下,实例化bean过程比较复杂,如果按照传统的方式,则需要在<bean>中提供大量的 ...

  7. 建索引让SQL飞起来

    今天帮助看了一个哥们的数据库,帮他抓了一下等待事件,刚好有一个sql在等待事件中,顺便看看 监控等待事件 select a.SID, a.EVENT, b.OSUSER, b.username, b. ...

  8. iOS 中使用.9图

    背景 .9图来源于Android.为了设计出一套图,兼容Android和iOS,使用.9图的方式来对图片进行拉伸以适应不同的屏幕.在iOS中没有.9图的概念,只能先了解Android的.9图再进行模拟 ...

  9. 利用iOS8新特性计算cell的实际高度

    在计算cell的实际高度是 我们一般是通过计算frame  拿到最底部一个控件的最大Y值从而的到cell 的高度  算来算去  比较麻烦 其实,iOS8已经提供了直接通过Cell高度自适应的方法了,根 ...

  10. 关于事件监听机制的总结(Listener和Adapter)

    记得以前看过事件监听机制背后也是有一种设计模式的.(设计模式的名字记不清了,只记得背后实现的数据结构是数组.) 附上事件监听机制的分析图: 一个事件源可以承载多个事件(只要这个事件源支持这个事件就可以 ...