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_Checkbox全选反选案列

代码: checkboxs.html

全选反选js

  • 2013年06月27日 12:04
  • 1KB
  • 下载

angular js 综合 循环死数据 全选/反选 过滤 批量删除 提交数据(判断空值) 排序

var app = angular.module("myApp", []); app.controller("myCtrl", function($scope) { $scope.products...

JS实现全选反选全不选

  • 2017年06月18日 19:22
  • 2KB
  • 下载

使用js实现checkbox的全选与反选功能二

效果图如下:

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

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

JS_全选反选

全选和反选 * { padding: 0; margin: 0; } ....
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js全选和反选
举报原因:
原因补充:

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