Ne.html
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="../css/css1.css" type="text/css"/>
<style type="text/css">
img{
float:right;
}
</style>
<script type="text/javascript" language="javascript">
function selectall(m){
var name=document.getElementsByName("preDelCheck");
for(var i=0;i<name.length;i++){
name[i].checked=m.checked;
}
}
function deleteUser(){
var tab=document.getElementById('table');
for(var i=tab.rows.length-1;i>0;i--){
if(tab.rows[i].cells[0].getElementsByTagName('input')[0].checked){
tab.deleteRow(i);
return false;
}
}
alert("未选择要删除的用户!");
}
</script>
</head>
<body >
<b><font color="blue">用户管理 </font></b>
<table frame="above">
<tr>
<td>
<table width="100%">
<tr>
<td>姓名</td>
<td><input type="text" name="name" size="6"></td>
<td>性别</td>
<td>
<select style="width:50px;">
<option >男</option>
<option >女</option>
</select>
</td>
<td >证件类型</td>
<td>
<select style="width:100px;">
<option value="1">二代身份证</option>
<option value="2">港澳通行证</option>
<option value="3">军人证</option>
<option value="4">残疾证</option>
</select>
</td>
<td>证件号码:</td>
<td><input type="text" name="zjhaoma" id="zjnum" size="6"></td>
<td>旅客类型:</td>
<td>
<select style="width:50px;">
<option>成人 </option>
<option>学生 </option>
<option>儿童 </option>
</select>
</td>
<td class="co2"><input type="button" value="查询"></td>
</td>
</tr>
</table>
</tr>
<tr>
<td>
<table border="1" width="100%" id="table" rules="all">
<tr>
<td>选择</td>
<td>姓名</td>
<td>性别</td>
<td>证件类型</td>
<td>证件号码</td>
<td>旅客类型</td>
<td>操作</td>
</tr>
<tr id="delCell">
<td><input type="checkbox" name="preDelCheck" value="1"></td>
<td>小明</td>
<td>男</td>
<td>二代身份证</td>
<td>236748435654645</td>
<td>成人</td>
<td><font><a href="2.html">编辑</a></font></td>
</tr>
<tr id="delCell2" class="co">
<td><input type="checkbox" name="preDelCheck" value="1"></td>
<td>小红</td>
<td>女</td>
<td>二代身份证</td>
<td>23674843565565</td>
<td>成人</td>
<td ><font><a href="2.html">编辑</a></font></td>
</tr>
<tr id="delCell3">
<td><input type="checkbox" name="preDelCheck" value="1"></td>
<td>小刚</td>
<td>男</td>
<td>二代身份证</td>
<td>236748435612145</td>
<td>成人</td>
<td><font><a href="2.html">编辑</a></font></td>
</tr>
<tr id="delCell4" class="co">
<td><input type="checkbox" name="preDelCheck" value="1"></td>
<td>小蓝</td>
<td>女</td>
<td>二代身份证</td>
<td>23671235654645</td>
<td>成人</td>
<td class="co2"><font><a href="2.html">编辑</a></font></td>
</tr>
<tr id="delCell5">
<td><input type="checkbox" name="preDelCheck" value="1"></td>
<td>小猪</td>
<td>男</td>
<td>二代身份证</td>
<td>2361228435654645</td>
<td>成人</td>
<td><font class="fo"><a href="2.html">编辑</a></font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="100%">
<td width="42%"><input type="checkbox" value="1" id="allChecked" onClick="selectall(this)"><a >全选</a></td>
<!-- <td><img src="../images/button_sc.gif" width="50px" height="20" /><input type="button" name="" value="删除" οnclick="deleteUser()"></td> -->
<!-- <td><img src="../images/button_dc.gif" width="50px" height="20" /><input type="submit" name="" value="导出excel"></td> -->
<td><img src="../images/button_dc.gif" width="50px" height="20" />
<img src="../images/button_sc.gif" width="50px" height="20" /></td>
</table>
</td>
</tr>
<tr >
<td>
<table width="100%">
<td align="center" width=42%>>>1 2 3 4 5 6 7 8<<</td>
<center>
<td >每页显示
<select style="width:50px;">
<option>1 </option>
<option>2 </option>
<option>3 </option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7 </option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>
条信息</td>
</center>
<td > </td>
</table>
</td>
</tr>
<tr>
<td align="center">
copyright@12306购票网
</td>
</tr>
</table>
</body>
</html>
效果演示如下: