js全选和反选

原创 2012年03月30日 10:12:31
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS全选、反选</title>
<script type="text/javascript">
//Jquery里面引用对象的用法
function $(id){
	return document.getElementById(id);
}
window.onload=function(){
	var selectAll = $("selectAll"),
	unSelect = $("unSelect"),
	inputs=document.getElementsByName('range'),
	len = inputs.length;
	selectAll.onclick=function(){
		for(var i=0; i<len;i++){
			inputs[i].checked=true;
		}
	}
	unSelect.onclick=function(){
		for(var i=0; i<len;i++){
			var o = inputs[i];
			o.checked?o.checked=false:o.checked=true;
		}
	}
}
</script>
</head>
<body>
<form name="form1" >
  <input type="checkbox" value="1" name="range">
  1<br>
  <input type="checkbox" value="3" name="range">
  3<br>
  <input type="checkbox" value="4" name="range">
  4<br>
  <input type="checkbox" value="5" name="range">
  5<br>
  <input type="button" value="全选" id="selectAll">
  <input type="button" value="反选" id="unSelect">
</form>
</body>
</html>

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

js全选/反选

  • 2013-03-18 17:44
  • 11KB
  • 下载

全选反选js

Js_Checkbox全选反选案列

代码: checkboxs.html <meta name="content-type" c

JS实现全选反选全不选

js实现表格隔行变色,鼠标在该行放上移走的变色效果,还有全选,反选等

代码::: js实现表格隔行变色效果 .top{     background-color:#F93;     color:#30C;} table{     bo...

JavaScript学习笔记之js实现复选框checkbox的全选、反选示例

1.选中全选复选框,则其他的复选框自动全部选中; 2.已选中全选复选框,再次点击全选复选框,则其他复选框全部不选中; 3.当全部其他复选框都被选中时,全选复选框自动被选中; 4.当全部其他复选框...

js实现复选框的全选与反选

作用: a.单击列头复选框全选或全不选子项 b.只要有一个子项没有选中,则取消列头的选中状态 c.当所有子项目选中时,列头复选框自动置为选中状态 d.将子项的复选框反过来选 ...

JS_全选反选

全选和反选 * { padding: 0; margin: 0; } ....

js操作CheckBoxList实现全选、反选

对于CheckBoxList控件来说,一方面要实现大量数据在服务器端的绑定工作,另一方面往往要求实现全 选、反选等功能。虽然可以在服务器端完成这方面的工作,但这样一个简单的工作似乎更应该在客户端完成。...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)