正选反选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.当我全选的时候 页面上所有的选择框的值一起放到隐藏 ...
随机推荐
- SWFUpload的使用及其注意事项
SWFUpload的使用: 添加Jquery swfuploaad.js handler.js文件 配置参数: upload_url:文件将要被传到的处理程序 post_params:{“”: ...
- 总结PHP中几种常用的网页跳转代码
网页跳转的意思就是指当你在浏览器中访问A页面时,会自动跳转到B页面,往往网页跳转用在404页面中会比较多点.至于怎么实现网页跳转,网上已经提供了很多的方法,有些方法是不可行的,经过测试,叶德华今天就在 ...
- winform使用xml作为数据源
1.新建窗体应用程序 2.拖放DataGridView 3.在bin\Debug中放入XML文件 using System; using System.Collections.Generic; usi ...
- Molecule to atoms
For a given chemical formula represented by a string, count the number of atoms of each element cont ...
- Amazon MWS 上传数据 （一） 设置服务
Amazon 上传数据的流程为: 通过 SubmitFeed 操作.加密标头和所有必需的元数据(包括 FeedType 的值在内),来提交 XML 或文本型数据文件.正如亚马逊 MWS的所有提交内容一 ...
- Hoeffding连接到机器学习
统计学场景: 一个罐子中有红球和绿球,红球比例$v$未知,数量未知,如何得到红球比例?方法---随机抽样N个球,在其中红球占比为$u$ 由hoeffding可以知道:$P(|u-v|>\epsi ...
- python单/双下划线使用
在Python编程中经常会遇到函数(function),方法(method)及属性(attribute)以下划线'_'作为前缀,这里做个总结. 主要存在四种情形: 1. object # public ...
- dropDownList之"请选择",同时设置默认选项
dropDownList.Items.Insert(0, new ListItem("--请选择--", "-1"));dropDownList.Selecte ...
- 初识-Android之智能短信项目相关技术整理
标签页切换采用传统的TabHost: 采用TabActivty实现TabHost. 效果图-后补: 相关技术详解推荐: http://blog.csdn.net/zhouli_05/article/d ...
- C语言－进制
本文目录 • 一.十进制 • 二.二进制 • 三.八进制 • 四.十六进制 • 五.进制总结 • 六.变量与进制 • 七.printf的简单使用上一讲简单介绍了常量和变量,这讲补充一点计算机的基础知识 ...