正选反选JS
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的更多相关文章
- 全选，不选，反选js
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name ...
- javascript 全选 反选 js代码
<script type="text/javascript"> //全选function checkAll() { var objs = window.document ...
- jQuery checkbox的全选与反选
1:checkbox的全选与反选 js 代码 $("#cbAll").click(function(){ if($("#cbAll").is(":ch ...
- js BOM DOM
BOM对象 BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作.使用 BOM,开发者可以移动窗口.改变状态栏中的文本以及执行其他与页面内容不直接相关的动作. 简而言之就是使 JavaScript ...
- ElementUi 两个表格反选
ElementUi 两个表格反选 1.先看看实现的图 表格内容显示 <el-row :gutter="20"> <el-col :span="16&qu ...
- python jquery
jquery 一.寻找元素(选择器和筛选器) a.选择器 1.基本选择器 1 $("*") $("#id") $(".class") ...
- 静态Web开发 DOM
四章 Dom 1节dom中的顶级对象 dom(文档对象模型)js最终是要操作html页面,让html变成DHtml,而操作Html页面就要用到DOMDOM可以吧Html页面模拟成一个对象,如果js只是 ...
- asp.net资料！ (.NET) (ASP.NET)
使用SqlBulkCopy类加载其他源数据到SQL表 在数据回发时,维护ASP.NET Tree控件的位置 vagerent的vs2005网站开发技巧 ASP.NET2.0小技巧--内部控件权限的实现 ...
- input全选与单选(把相应的value放入隐藏域去)
框架是Jquery 需求是: 页面上有很多复选框,1.当我选择一项复选框时候 把对应的值放入到隐藏域去 2.当我反选的时候 把隐藏域对应的值删掉.3.当我全选的时候 页面上所有的选择框的值一起放到隐藏 ...
随机推荐
- TimePicker控件、帧动画、补间动画
1.TimePicker控件 最近感觉每个开发平台的控件基本都差不多,在Android中控件的事件和.net控件直接写事件有一定的区别,net事件可以直接界面进行事件的绑定哈.不过在Silverlig ...
- IIS出现Server Application Unavailable的解决办法
在XP中IIS5.1服务器,运行asp.net出现Server Application Unavailable,经过多次查证,才发现是因为先安装了.net Framework 2.0然后安装IIS,导 ...
- How to recover a skipped tablespace after an incomplete recovery with resetlogs? [ID 1561645.1]
n this Document Goal Solution This document is being delivered to you via Oracle Support's Rapid ...
- iOS中有关配置 Apache 服务器的详细步骤
配置 Apache 服务器 目的: 能够有一个测试的服务器,Apache 服务器是免费的! 为什么是 Apache 使用最广的 Web 服务器 Mac自带,只需要修改几个配置就可以,简单,快捷 有些特 ...
- Ubuntu 12.04 wireless networks : devices not ready (firmware missing)解决办法
今天装了Ubuntu12.04之后,发现无线不能用. 用iwconfig查看,wlan0 项后面有内容,但是在本该显示无线列表的地方显示的是 “ wireless networks : devices ...
- Android dialog 不消失
最近在做Android4.0的开发,发现AlertDialog相比较以前有了较大变化,就是在触摸对话框边缘外部,对话框消失 于是研究其父类发现,可以设置这么一条属性,当然必须先AlertDialog. ...
- Javascript基本概念（语句和函数）
语句 for语句 for语句中的初始化表达式,控制表达式和循环后表达式都是可选的,将这三个表达式省略,就会创建一个无线循环. ECMAScript中不存在块级作用域,因此在循环内容部定义的变量也可以在 ...
- php redis数据库操作类
<?php namespace iphp\db; use iphp\App; /** * redis操作类 * 说明,任何为false的串,存在redis中都是空串. * 只有在key不存在时, ...
- 指定端口号，多线程扫描局域网内IP地址
小白第一次发博客,请各路大神不要喷,有错的地方还请不吝啬指教,谢谢....... 因为注释基本上已经说清楚啦,在这里就不多说什么啦,知识不够怕误人子弟 # -*- coding:utf-8 -*-im ...
- Delphi RichEdit的内容保存为图片
uses RichEdit; {将RichEdit1的内容保存为图片,此函数也适合于RxRichEdit,即RichEdit: TRxRichEdit}procedure RichEditToCanv ...