<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link href="css/table1.css" rel="stylesheet" type="text/css"/>
<script src="js/table1.js" type="text/javascript"></script>
</head>
<body>
<h1>員工信息列表</h1>
<table>
<tr>
<th><input type="checkbox" name="allcheckbox" onclick="javascript:checkboxAll();"/>全選</th>
<th>員工編號</th>
<th>員工名稱</th>
<th>員工部門</th>
<th colspan="3">操作</th>
</tr>
<tr>
<td><input type="checkbox" name="checkbox"/></td>
<td>1001</td>
<td>張三</td>
<td>財務部</td>
<td><a href="#" onclick="javascript:deleteConfirm();">刪除</a></td>
<td><a href="#" onclick="javascript:updatePrompt();">修改</a></td>
<td><a href="#" onclick="javascript:findContent()">查看</a></td>
</tr>
<tr>
<td><input type="checkbox" name="checkbox"/></td>
<td>1002</td>
<td>李四</td>
<td>產(chǎn)品部</td>
<td><a href="#" onclick="javascript:deleteConfirm();">刪除</a></td>
<td><a href="#">修改</a></td>
<td><a href="#" onclick="javascript:updatePrompt();">查看</a></td>
</tr>
<tr>
<td><input type="checkbox" name="checkbox"/></td>
<td>1002</td>
<td>王二</td>
<td>技術部</td>
<td><a href="#" onclick="javascript:deleteConfirm();">刪除</a></td>
<td><a href="#">修改</a></td>
<td><a href="#" onclick="javascript:updatePrompt();">查看</a></td>
</tr>
</table>
<script>
function checkboxAll(){
var checkboxallArrays = document.getElementsByName("allcheckbox"); //獲取name屬性值為allcheckbox的html元素賦值給checkboxallArrays數(shù)組對象
var checkall = checkboxallArrays[0]; //獲取數(shù)組第一個值
//判斷全選框是否被選中,checkall.checked == true 表示選中，checkall.checked == false未選中
if(checkall.checked == true){
//選中處理
var checkboxArrays = document.getElementsByName("checkbox"); //獲取name屬性值為checkbox的html元素賦值給checkboxArrays數(shù)組對象
var length = checkboxArrays.length; //返回數(shù)組元素個數(shù)
//循環(huán)選中所有選項
for(var i = 0; i < length; i++){
checkboxArrays[i].checked = true;
}
}else{
//未選中處理
var checkboxArrays = document.getElementsByName("checkbox");
var length = checkboxArrays.length; //返回數(shù)組元素個數(shù)
for(var i = 0; i < length; i++){
checkboxArrays[i].checked = false;
}
}
}
</script>
</body>
</html>
