JS

  <script>

 window.onload=function(){

     var oTher=document.getElementById('other');

     var oCheck=document.getElementById('all');

     var oNo=document.getElementById('uncheck');

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

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

     oCheck.onclick=function(){

             for(i=0;i<aCheck.length;i++){

                     aCheck[i].checked=true;

                 };

         };

     oNo.onclick=function(){

             for(i=0;i<aCheck.length;i++){

                    aCheck[i].checked=false;

                 };

         };

     oTher.onclick=function(){

             for(i=0;i<aCheck.length;i++){

                     if(aCheck[i].checked==true){

                             aCheck[i].checked=false;

                         }

                     else{

                         aCheck[i].checked=true

                         }

                 };

         };

   };

 </script>

body

 <body>

 你感兴趣的课程：<br/>

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

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

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

<div id="box">

    <input type="checkbox" checked="checked"/>〇。PhotoShop  <br />

    <input type="checkbox" checked="checked"/>①。(X)HTML+CSS<br />

    <input type="checkbox" checked="checked"/>②。JavaScript<br />

    <input type="checkbox" checked="checked"/>③。Jquery <br />

    <input type="checkbox" />④。HTML5+CSS3.0<br />

    <input type="checkbox" />⑤。SEO<br />

    <input type="checkbox" />⑥。Linux<br />

    <input type="checkbox" />⑦。PHP/JAVA<br />

    <input type="checkbox" />⑧。数据库<br />

    <input type="checkbox" />⑨。Node.js<br />

</div>

 </body>

正选反选JS的更多相关文章

  1. 全选，不选，反选js

    <!doctype html> <html> <head> <meta charset="utf-8"> <meta name ...

  2. javascript 全选 反选 js代码

    <script type="text/javascript"> //全选function checkAll() { var objs = window.document ...

  3. jQuery checkbox的全选与反选

    1:checkbox的全选与反选 js 代码 $("#cbAll").click(function(){ if($("#cbAll").is(":ch ...

  4. js BOM DOM

    BOM对象 BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作.使用 BOM,开发者可以移动窗口.改变状态栏中的文本以及执行其他与页面内容不直接相关的动作. 简而言之就是使 JavaScript ...

  5. ElementUi 两个表格反选

    ElementUi 两个表格反选 1.先看看实现的图 表格内容显示 <el-row :gutter="20"> <el-col :span="16&qu ...

  6. python jquery

    jquery 一.寻找元素(选择器和筛选器) a.选择器 1.基本选择器 1 $("*")  $("#id")   $(".class")  ...

  7. 静态Web开发 DOM

    四章 Dom 1节dom中的顶级对象 dom(文档对象模型)js最终是要操作html页面,让html变成DHtml,而操作Html页面就要用到DOMDOM可以吧Html页面模拟成一个对象,如果js只是 ...

  8. asp.net资料！ (.NET) (ASP.NET)

    使用SqlBulkCopy类加载其他源数据到SQL表 在数据回发时,维护ASP.NET Tree控件的位置 vagerent的vs2005网站开发技巧 ASP.NET2.0小技巧--内部控件权限的实现 ...

  9. input全选与单选(把相应的value放入隐藏域去)

    框架是Jquery 需求是: 页面上有很多复选框,1.当我选择一项复选框时候 把对应的值放入到隐藏域去 2.当我反选的时候 把隐藏域对应的值删掉.3.当我全选的时候 页面上所有的选择框的值一起放到隐藏 ...

随机推荐

  1. 移动前端开发之viewport的深入理解(转)

    在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或 ...

  2. 通过WebService跨平台上传大文件到服务器

    好长时间没写博客了,对最近工作中遇到的大文件上传和下载的代码贴出来和大家分享一下. 大文件的上传的和下载是C++的平台通过调用WebService实现文件上传和下载到服务器 /// <summa ...

  3. 生成HFile文件后倒入数据出现Caused by: java.lang.ClassNotFoundException: org.apache.hadoop.hbase.filter.Filter

    数据导入的时候出现: at java.lang.Class.getDeclaredMethods0(Native Method) at java.lang.Class.privateGetDeclar ...

  4. 多个DLL合并，DLL合并到EXE

    1:) 下载 http://download.microsoft.com/download/1/3/4/1347C99E-9DFB-4252-8F6D-A3129A069F79/ILMerge.msi ...

  5. HTML特殊符号编码大全

    HTML特殊字符编码:往网页中输入特殊字符,需在html代码中加入以&开头的字母组合或以&#开头的数字.下面就是以字母或数字表示的特殊符号大全. ´ ´ © © > > µ ...

  6. 全局键盘钩子(WH_KEYBOARD)

    为了显示效果,在钩子的DLL中我们会获取挂钩函数的窗体句柄,这里的主程序窗体名为"TestMain",通过FindWindow查找. KeyBoardHook.dll代码 libr ...

  7. rpm安装软件(需管理员权限)

    常用命名规范 linux-1.2.0-30.e16.i686.rpm rpm基本命令 安装rpm -i software.rpm 卸载rpm -e software 升级rpm -U software ...

  8. cdoj 排名表 拓扑排序 排名输出 贪心

    //并不理解为什么需要反向建图,由大到小倒序确定排名.感觉正向由小到大和反向由大到小应该是一样的. 解:拓排+贪心,反向建边,先找排名靠后的(now,不知道为什么) #include<cstdi ...

  9. JQuery（上）

    1.流行的JavaScript类库   --  框架.插件 )为了简化 JavaScript 的开发, 一些 JavsScript 库诞生了. JavaScript 库封装了很多预定义的对象和实用函数 ...

  10. hdu 1520Anniversary party(简单树形dp)

    Anniversary party Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others ...