<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<title> checkbox 全选反选控制 </title>
<link rel="stylesheet" type="text/css" href="./css/style.css" />
</head>
<body>
<h1>checkbox 全选反选控制</h1>
<div class="main">
<div class="btnBar">
<button id="selAll" class="selallBtn">全选</button>
<button id="selNo" class="selnoBtn">取消全选</button>
<button id="selRev" class="selrevBtn">反选</button>
</div>
<input class="myselect" type="checkbox" name="ids[]" value=1>测试测试测试</input></br>
<input class="myselect" type="checkbox" name="ids[]" value=2>测试测试测试</input></br>
<input class="myselect" type="checkbox" name="ids[]" value=3>测试测试测试</input></br>
<input class="myselect" type="checkbox" name="ids[]" value=4>测试测试测试</input></br>
<input class="myselect" type="checkbox" name="ids[]" value=5>测试测试测试</input></br>
<input class="myselect" type="checkbox" name="ids[]" value=6>测试测试测试</input></br>
<input class="myselect" type="checkbox" name="ids[]" value=7>测试测试测试</input></br>
<input class="myselect" type="checkbox" name="ids[]" value=8>测试测试测试</input></br>
<input class="myselect" type="checkbox" name="ids[]" value=9>测试测试测试</input></br>
</div>
</body>
<script src="./js/myjs.js"></script>
</html>
js代码:
document.getElementsByTagName("input");
得到的值:
划红线的地方是什么鬼?
getElementsByTagName(name)严格来说返回的并不是一个数组,而是一个Nodelist的对象集合。当返回值中存在name属性相同的元素时,则返回第一个元素。
具体见http://bbs.csdn.net/topics/34...