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. JS功能代码集锦

    只作 说明 逻辑用 1.模仿fade in(),fade out(). 原理:setInterval ( "opacity++透明度“函数,时间间隔) var alpha = 0; func ...

  2. asp.net 获取IP地理位置的几个主要接口

    腾讯的IP地址API接口地址:http://fw.qq.com/ipaddress 新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup ...

  3. jsoup_解析任意网站，做任意网站客户端

    jsoup是一个解析网页源码的开源库,他能按照给定的规则提取出一个网页中的任意元素,和其他网页解析库不同的是,他提取网页内容的方式和css.jquery的选择器非常相似.因此如果你懂得前端的知识,只需 ...

  4. jQueryindex();eq();利用数组来操作多个事件

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. php 表单校验函数库（判断email格式是否正确、http地址是否合法有效、手机号码是否合法）

    /** * 表单校验函数库 */ /** * 判断email格式是否正确 * @param $email */ function is_email($email) { return strlen($e ...

  6. JavaScript学习笔记（一）对象和属性

    对象属性的使用 JavaScript中的所有变量都可以当做对象使用,除了null和undefined. false.toString(); // 'false' [1, 2, 3].toString( ...

  7. LINQ 联合查询

    List<Attachment> imgList = (from a in ZQSDWEBEntities.Attachment                               ...

  8. [问题解决] VNC连接黑屏或者灰屏+命令行

    1.修改配置文件/root/.vnc/xstartup 注:有的系统配置里有 –nolisten tcp 和 –nohttpd ,这两个是阻止Xwindows登陆和HTTP方式VNC登陆的,如果需要图 ...

  9. 银行卡检测中心BCTC

    BCTC是Banking Card Test Center的缩写. 银行卡检测中心(下称中心)经中国人民银行总行批准成立于1998年4月,作为一个独立的第三方专业技术检测机构,其主要职责是按照国际.国 ...

  10. Delphi2007下CIS的clHttp使用

    Delphi组件Clever Suite Internet是一款优秀的网络组件,唯一让我感觉不足的是ClHttp竟然使用了断言,当程序遇到问题的时候就会弹出一个对话框,并显示问题是出在了那个单元里.好 ...