<body>

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

 <input id="btn2" type="button" value="不选" /><br>

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

 <div id="div1">

     <input type="checkbox" /><br>

     <input type="checkbox" /><br>

     <input type="checkbox" /><br>

     <input type="checkbox" /><br>

     <input type="checkbox" /><br>

     <input type="checkbox" /><br>

     <input type="checkbox" /><br>

     <input type="checkbox" /><br>

     <input type="checkbox" /><br>

     <input type="checkbox" /><br>

     <input type="checkbox" /><br>

     <input type="checkbox" /><br>

     <input type="checkbox" /><br>

     <input type="checkbox" /><br>

     <input type="checkbox" /><br>

     <input type="checkbox" /><br>

     <input type="checkbox" /><br>

 </div>

 </body>
 <script>

  window.onload=function ()

  {

      var oBtn1=document.getElementById('btn1');

      var oBtn2=document.getElementById('btn2');

      var oBtn3=document.getElementById('btn3');

      var oDiv=document.getElementById('div1');

      var aCh=oDiv.getElementsByTagName('input');

      oBtn1.onclick=function ()

      {

           for(var i=0;i<aCh.length;i++)

           {

               aCh[i].checked=true;

               }  

      }

      oBtn2.onclick=function ()

      {

           for(var i=0;i<aCh.length;i++)

           {

               aCh[i].checked=false;

               }  

      }

       oBtn3.onclick=function ()

      {

            for(var i=0;i<aCh.length;i++)

           {

               if(aCh[i].checked==true)

               {

                    aCh[i].checked=false;

                   }

                   else

                   {

                         aCh[i].checked=true;

                       }

               } 

      }

 }

 </script>

闲扯 Javascript 02 全选、不选、反选的更多相关文章

  1. 表单javascript checkbox全选 反选 全不选

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http ...

  2. JavaScript 实现全选 / 反选功能

    JavaScript 实现全选 / 反选功能 版权声明:未经授权,内容严禁转载! 构建主体界面 编写 HTML 代码 和 CSS 代码,设计主题界面 <style> #user { wid ...

  3. JavaScript小例子：复选框全选

    JavaScript小例子:复选框全选 这只是一个小例子,很简单,但是这个功能还是很常用的: 实现后效果如图: JavaScript代码: <script type="text/jav ...

  4. jQuery/javascript实现全选全不选

    <html> <head> <meta charset="utf-8"> <title>Checkbox的练习</title& ...

  5. Javascript实现全选按钮

    Javascript实现全选按钮 效果:有全选选项框和单个选项框,选择全选框,所有的的选择都打上的钩,取消全选钩所有的都去掉了钩,如果取消其中某一个的钩,那么全选的钩也取消,反之全选所有的选项,那么全 ...

  6. 【三石jQuery视频教程】02.创建 FontAwesome 复选框和单选框

    视频地址:http://v.qq.com/page/m/8/c/m0150izlt8c.html 大家好,欢迎来到[三石jQuery视频教程],我是您的老朋友 - 三生石上. 今天,我们要通过基本的H ...

  7. js 复选框 全选都选 如果某一个子复选框没选中 则全选按钮不选中

    <!DOCTYPE HTML> <html> <head> <meta charset=UTF-8> <title>js 复选框 全选都选 ...

  8. 原生js实现在表格用鼠标框选并有反选功能

    今天应同学要求,需要写一个像Excel那样框选高亮,并且实现框选区域实现反选功能.要我用原生js写,由于没什么经验翻阅了很多资料,第一次写文章希望各位指出不足!! 上来先建表 <div clas ...

  9. WPF: 实现带全选复选框的列表控件

    本文将说明如何创建一个带全选复选框的列表控件.其效果如下图:     这个控件是由一个复选框(CheckBox)与一个 ListView 组合而成.它的操作逻辑: 当选中“全选”时,列表中所有的项目都 ...

随机推荐

  1. UC/0S2之中断

    中断是计算机系统处理异步事件的重要机制.当异步事件发生时,事件通常是通过硬件向cpu发出中断请求的.在一般情况下,cpu响应这个请求后会立即运行中断服务程序来处理该事件: 为了处理任务延时.任务调度等 ...

  2. Android滑动事件冲突

    首先,我们假设这样一个场景:一个ViewPager里面嵌套一个ViewPager,内部滑动方向和外部滑动方向一样时,该怎么解决这一冲突呢? 针对滑动冲突这里给出两种解决方案:外部拦截法,内部拦截法. ...

  3. 【ActiveMQ】持久化消息队列的三种方式

    1.ActiveMQ消息持久化方式,分别是:文件.mysql数据库.oracle数据库 2.修改方式: a.文件持久化: ActiveMQ默认的消息保存方式,一般如果没有修改过其他持久化方式的话可以不 ...

  4. Oracle存储过程Procedure语法及案例

    create or replace procedure replace(desstr in varchar2, replacestr in varchar2, tablename in varchar ...

  5. php怎样求一个数组中最长的

    <?php $arr = array( 0 => 'd', 1 => '68b3', 2 => 'a86', 3 => 'c9aa97b23b71d5c', 4 => ...

  6. CBV进阶(一)

    http_method_names , http_method_not_allowd 用途:views只接受这些请求. 范围View Default:['get', 'post', 'put', 'p ...

  7. 转: 如何实现jQuery的Ajax文件上传

    [PHP文件上传] 在开始之前,我觉得是有必要把通WEB上传文件的原理简单说一下的.实际上,在这里不管是PHP,JSP,还是ASP处理上传的文件,其实都是WEB早已把文件上传到服务器了,我们只是运用上 ...

  8. 基于visual Studio2013解决C语言竞赛题之0204实数求值

     题目

  9. 包子IT面试培训

    包子IT面试培训 IT 面试不再怕,包子帮你圆个梦!

  10. UVA 103 Stacking Boxes (dp + DAG上的最长路径 + 记忆化搜索)

     Stacking Boxes  Background Some concepts in Mathematics and Computer Science are simple in one or t ...