<!DOCTYPE html>
<html>
<head>
< charset=\"UTF-8\">
< >全选和全不选以及反选</ >
< >
window. = function() {
var checkedAll = document.getElementById(\"checkedAll\");
var checkedOne = document.getElementsByName(\"checkedOne\");
//全选和全不选事件
checkedAll. = function() {
if(checkedAll.checked == true){
for(var i = 0;i<checkedOne.length;i++) {
checkedOne[i].checked = true;
}
}else {
for(var i = 0;i<checkedOne.length;i++) {
checkedOne[i].checked = false;
}
}
}
//反选事件
document.getElementById(\"reSelect\"). = function() {
for(var i =0;i<checkedOne.length;i++) {
checkedOne[i].checked = !checkedOne[i].checked;
}
}
}
</ >
</head>
<body>
<table id=\"tbl\" border=\"1\" border-collapse=\"collapse\" align=\"center\" cellspacing=\"0\" cellpadding=\"5\" width=\"400\" height=\"20\">
<thead>
<tr>
<th><input type = \"checkbox\" id=\"checkedAll\">全选</input></th>
<th>编号</th><th>姓名</th><th>年龄</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type=\"checkbox\" name=\"checkedOne\"/></td>
<td>1</td><td>张三</td><td>12</td>
</tr>
<tr>
<td><input type=\"checkbox\" name=\"checkedOne\"/></td>
<td>2</td><td>李四</td><td>22</td>
</tr>
<tr>
<td><input type=\"checkbox\" name=\"checkedOne\" /></td>
<td>3</td><td>王五</td><td>13</td>
</tr>
<tr>
<td><input type=\"checkbox\" name=\"checkedOne\"/></td>
<td>4</td><td>马六</td><td>14</td>
</tr>
<tr>
<td><input type=\"checkbox\" name=\"checkedOne\"/></td>
<td>5</td><td>伍六七</td><td>17</td>
</tr>
<tr>
<td><input type=\"checkbox\" name=\"checkedOne\"/></td>
<td>6</td><td>梅花十三</td><td>17</td>
</tr>
<tr>
<td colspan=4><input type=\"button\" value=\"反选\" id=\"reSelect\" /></td>
</tr>
</tbody>
</table>
</body>
</html> 继续阅读与本文标签相同的文章
上一篇 :
一些大学对维基百科持谨慎态度
下一篇 :
问Slashdot：我应该抛弃PHP吗？
-
Python快递鸟API接口对接（即时查询|物流跟踪|电子面单|单号识别）
2026-05-18栏目： 教程
-
免费物流快递单号查询API接口及使用教程
2026-05-18栏目： 教程
-
【译】Hadoop发生了什么？我们该如何做？
2026-05-18栏目： 教程
-
阿里云上云企业案例周刊·第2期
2026-05-18栏目： 教程
-
虚拟机模拟部署Extended Clusters（一）基础环境准备
2026-05-18栏目： 教程