<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<table id="content" align="center" width="70%" rules="all" cellspacing="0" cellpadding="2" border="1">
<tr>
<th> </th>
<th>ID</th>
<th>姓名</th>
<th>绰号</th>
</tr>
<tr>
<td><input type="checkbox" name="id[]" value="1"></td>
<td>1</td>
<td>宋江</td>
<td>及时雨</td>
</tr>
<tr>
<td><input type="checkbox" name="id[]" value="2"></td>
<td>2</td>
<td>卢俊义</td>
<td>玉麒麟</td>
</tr>
<tr>
<td><input type="checkbox" name="id[]" value="3"></td>
<td>3</td>
<td>吴用</td>
<td>智多星</td>
</tr>
<tr>
<td><input type="checkbox" name="id[]" value="4"></td>
<td>4</td>
<td>鲁智深</td>
<td>花和尚</td>
</tr>
<tr>
<td><input type="checkbox" name="id[]" value="5"></td>
<td>5</td>
<td>林冲</td>
<td>豹子头</td>
</tr>
</table>
<table align="center" width="70%" rules="all" cellspacing="0" cellpadding="2" border="1">
<tr>
<td>
<input type="button" value="全选" id="quanxuan">
<input type="button" value="返选" id="fanxuan">
<input type="button" value="取消" id="quxiao">
</td>
</tr>
</table>
<script>
var checkboxs = document.getElementById('content').getElementsByTagName('input');
document.getElementById('quanxuan').onclick = function () {
for(var i=0; i<checkboxs.length; i++){
if(checkboxs[i].checked == false){
checkboxs[i].checked = true;
}
}
}
document.getElementById('fanxuan').onclick = function () {
for(var i=0; i<checkboxs.length; i++){
if(checkboxs[i].checked == false){
checkboxs[i].checked = true;
}else{
checkboxs[i].checked = false;
}
}
}
document.getElementById('quxiao').onclick = function () {
for(var i=0; i<checkboxs.length; i++){
if(checkboxs[i].checked == true){
checkboxs[i].checked = false;
}
}
}
</script>
</body>
</html>
JavaEE
鸿蒙应用开发
HTML&JS+前端
Python+大数据开发
人工智能开发
电商视觉设计
软件测试
新媒体+短视频
集成电路应用开发
C/C++
狂野架构师
IP短视频
苏公网安备 32132202001156号