<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. java IO之字节流和字符流-Reader和Writer以及实现文件复制拷贝

    接上一篇的字节流,以下主要介绍字符流.字符流和字节流的差别以及文件复制拷贝.在程序中一个字符等于两个字节.而一个汉字占俩个字节(一般有限面试会问:一个char是否能存下一个汉字,答案当然是能了,一个c ...

  2. junit学习笔记（二）：hamcrest和TestSuit

    1. hamcrest hamcrest可以有效增加junit的测试能力,用一些对通俗语言来进行测试. Hamcrest 是一个测试的框架,它提供了一套通用的匹配符 Matcher,灵活使用这些匹配符 ...

  3. ORACLE分科目统计每科前三名的学生的语句

    有个成绩表 score(student_no,Subject_no,Score)分别为学号,课程号,成绩.我想用语句查询出每科的前三名学生的学号,请各位高手教教小弟 1.创建测试语句:create t ...

  4. 分页：T-SQL存储过程和EF存储过程的使用

    首先准备好分页的T-SQL语句: create proc usp_activityFenYe @pageIndex int, @pageSize int, @pageCount int output ...

  5. spring注解开发中常用注解以及简单配置

    一.spring注解开发中常用注解以及简单配置 1.为什么要用注解开发:spring的核心是Ioc容器和Aop,对于传统的Ioc编程来说我们需要在spring的配置文件中邪大量的bean来向sprin ...

  6. cocos2d-x学习资源汇总（持续更新。。。）

    引用地址:http://www.cnblogs.com/zilongshanren/archive/2012/02/17/2356516.html 我之前一直学习c++的,第一次接触cocos2d是o ...

  7. java执行windows 的cmd 命令

    //获取运行时 Runtime rt = Runtime.getRuntime(); //获取进程 Process p = rt.exec(String[] cmdarray);     或者   P ...

  8. BZOJ 网站镜像

    网站镜像大小:15Mb 镜像保存时间:2012年2月[有绝大多数题目] 镜像下载地址:http://download.csdn.net/detail/wnjxyk/7913125

  9. 关于 javascript event flow 的一个bug

    [1]描述了firefox,safari 有一个bug和DOM 3 规范不一致:在event.currentTarget等于event.target的时候(即event flow处于target ph ...

  10. LoadImage()的使用

    系统中的定义是: WINUSERAPIHANDLEWINAPILoadImageA(    HINSTANCE,    LPCSTR,    UINT,    int,    int,    UINT ...