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的事件属性方法一览表

    event对象常用属性和方法 event 对象用来表示当前事件,事件有很多状态,例如,鼠标单击时的位置,按下键盘时的按键,发生事件的HTML元素,是否执行默认动作,是否冒泡等,这些都是作为event对 ...

  2. PL/SQL块loop..各种循环练习

    --利用loop输出1到100的值并求和 ---loop exit end loop set serveroutput on; declare v_i ; v_sum ; begin loop )th ...

  3. iOS开发那些事儿（六）Git分之策略

    git 分支策略 将要介绍的这个模型不会比任何一套流程内容多,每个团队成员都必须遵守,这样便于管理软件开发过程. 既分散又集中 我们使用的,且与这个分支模型配合的非常好的库,他有一个“真正”的中央仓库 ...

  4. C# 过滤特殊字符

    . /// <summary> /// 过滤不安全的字符串 /// </summary> /// <param name="Str"></ ...

  5. 【转】jQuery on()选择器函数

    on()函数用于为指定元素的一个或多个事件绑定事件处理函数. 此外,你还可以额外传递给事件处理函数一些所需的数据. 从jQuery 1.7开始,on()函数提供了绑定事件处理程序所需的所有功能,用于统 ...

  6. 【11.2noip冲刺赛】 循环整数 （分段打表）

    [问题描述]moreD在学习完循环小数之后发现循环是个很美好的性质.自己只需要记住短短的循环节以及循环次数(次数大于1,且是整数)就可以记住整个数字了.因为背诵数字变得方便了,moreD决定背诵[L, ...

  7. listView 单选实现

    上一篇知道可以使用android自带的listview的chiocemode的单选模式实现.但那个布局是系统自带的checkedTextView,有时候我们需要自己实现布局,那么下面我们开始实现   ...

  8. iOS Code Sign error

    出现上述错误,检查是否是证书添加错误

  9. 忘记linux密码

    http://blog.163.com/xygzlyq@126/blog/static/22585899200810471512530/

  10. ID卡常见型号

    EM ID卡,主要是采用瑞士EM或台湾GK公司的4100.4102系列IC芯片 + 线圈 + 卡基封装而成. (1)4001感应式ID厚卡:台湾4001 COB 特征:普通型感应卡,厚薄适中,带有ID ...