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. 使用repeater开发出现 回发或回调参数无效 的问题

    我的就是因为没有加IsPostBack,导致在页面每次刷新时都生成一遍,造成重复绑定Repeater控件,以致事件验证出错,加上就好了 protected void Page_Load(object ...

  2. JavaScript 【 IE中的XML DOM 】

    IE中的 XML DOM 在统一的正式规范出来以前,浏览器对于XML的解决方案各不相同.DOM2级提出了动态创建XML DOM规范,DOM3进一步增强了XML DOM.所以,在不同的浏览器实现XML的 ...

  3. css绝对定位、相对定位和文档流的那些事

    前言 接触html.和css时间也不短了,但每次用div+css布局的时候心里还是有点儿虚,有时候干脆就直接用table算了,很多时候用div会出现些不可预料的问题,虽然花费一定时间能够解决,但总不是 ...

  4. UVA 11925 - Generating Permutations

    题意: 给出一个1到n的排列,给出操作顺序,使升序排列能变为所给排列. 分析: 正常冒泡排序的想法.如果前两个数,前面的大于后面的,则换(特例是n,1不能换).否则,就用2的逆操作,把最后的数放前面. ...

  5. 读写Excle,不用office环境

    1.下载NPOI.dll,并添加引用 2.ExcelHelper帮助类,以下为读写的参照方法 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 ...

  6. php-mysql 问题笔记一——在命令行中可以执行的sql语句，无法从php页面页面执行！

    我的情况: 1.由于外键较多,插入数据时,提前关闭外键(SET FOREIGN_KEY_CHECKS=0). 2.所使用的sql语句中,有外键绑定到其他表中,所以无法从php页面插入. 原因分析: S ...

  7. sqlplus部署

    1       下载客户端安装包根据系统选择(建议下载zip包) http://www.oracle.com/technetwork/database/features/instant-client/ ...

  8. rabbitmq问题之HTTP access denied: user 'guest' - User can only log in via localhost

    问题: 昨天安装rabbitmq(3.3.4版本)服务,并启用rabbitmq_management插件去管理rabbitmq服务,但是在访问管理界面使用guest用户登录时出现login faile ...

  9. 使用JLink间接烧写S3C2410、S3C2440开发板Nor、Nand Flash的方法

    1. 简要说明 JLink的调试功能.烧写Flash的功能都很强大,但是对于S3C2410.S3C2440的Flash操作有些麻烦:烧写Nor Flash时需要设置SDRAM,否则速率很慢:烧写Nan ...

  10. node.js NPM 使用

    n=NPM是一个Node包管理和分发工具,已经成为了非官方的发布Node模块(包)的标准.有了NPM,可以很快的找到特定服务要使用的包,进行下载.安装以及管理已经安装的包.npms安装: 下载npm源 ...