<!DOCTYPE>
<html>
<head>
<meta http-equiv="content-type" c charset="utf-8">
<title>Select All</title>
<style><span> table{
border</span>:<span>#</span><span>999 1px solid;</span> border-collapse:<span>collapse;
}
table th{
text</span>-align:<span>center;
}
table td{
border</span>:1px solid <span>#</span><span>999;</span> text-align:<span>center;
}
</span>.<span>one{
background</span>:<span>#</span><span>6cf;</span><span> }
</span>.<span>two{
background</span>:<span>#</span><span>fc6;</span><span> }
</span></style>
<script type="text/javascript" language="javascript">
<span>function</span><span> changecolor(){
</span><span>var</span> tr=document.getElementsByTagName("tr"<span>);
tr[</span>0].style.background="#0066ff"<span>;
tr[tr</span>.length-1].style.background="#0066ff"<span>;
}
</span><span>function</span><span> changebox(type) {
</span><span>var</span> tbs = document.getElementById("tbs"<span>);
</span><span>var</span> chks = tbs.getElementsByTagName("input"<span>);
</span><span>switch</span><span> (type) {
</span><span>case</span> "qx":
<span>for</span> (<span>var</span> i = 0; i < chks.length; i++<span>) {
chks[i]</span>.checked = <span>true</span><span>;
}
</span><span>break</span><span>;
</span><span>case</span> "qxx":
<span>for</span> (<span>var</span> i = 0; i < chks.length; i++<span>) {
chks[i]</span>.checked = <span>false</span><span>;
}
</span><span>break</span><span>;
</span><span>case</span> "fx":
<span>for</span> (<span>var</span> i = 0; i < chks.length; i++<span>) {
</span><span>if</span> (chks[i].checked == <span>true</span><span>) {
chks[i]</span>.checked = <span>false</span><span>;
} </span><span>else</span><span> {
chks[i]</span>.checked = <span>true</span><span>;
}
}
</span><span>break</span><span>;
}
}
</span><span>function</span><span> del(){
</span><span>var</span> input=document.getElementsByName("check[]"<span>);
</span><span>for</span>(<span>var</span> i=input.length-1; i>=0; i--<span>){
</span><span>if</span>(input[i].checked==<span>true</span><span>){
</span><span>var</span> td=input[i].<span>parentNode;
</span><span>var</span> tr=td.<span>parentNode;
</span><span>var</span> table=tr.<span>parentNode;
table</span>.<span>removeChild(tr);
}
}
}
</span></script>
</head>
<body border="0" align="center">
<tr>
<th>选项</th>
<th>发件人</th>
<th>邮件名称</th>
<th>邮件附属信息</th>
</tr>
<tbody>
<tr <span>class</span>="one">
<td><input type="checkbox" name="check[]"></td>
<td>王大力</td>
<td>wdl@qq.com</td>
<td>个人邮箱</td>
</tr>
<tr <span>class</span>="two">
<td><input type="checkbox" name="check[]"></td>
<td>王大力</td>
<td>wdl@qq.com</td>
<td>个人邮箱</td>
</tr>
<tr <span>class</span>="one">
<td><input type="checkbox" name="check[]"></td>
<td>王大力</td>
<td>wdl@qq.com</td>
<td>个人邮箱</td>
</tr>
<tr <span>class</span>="two">
<td><input type="checkbox" name="check[]"></td>
<td>王大力</td>
<td>wdl@qq.com</td>
<td>个人邮箱</td>
</tr>
<tr <span>class</span>="one">
<td><input type="checkbox" name="check[]"></td>
<td>王大力</td>
<td>wdl@qq.com</td>
<td>个人邮箱</td>
</tr>
<tr <span>class</span>="two">
<td><input type="checkbox" name="check[]"></td>
<td>王大力</td>
<td>wdl@qq.com</td>
<td>个人邮箱</td>
</tr>
<tr <span>class</span>="one">
<td><input type="checkbox" name="check[]"></td>
<td>王大力</td>
<td>wdl@qq.com</td>
<td>个人邮箱</td>
</tr>
<tr>
<th>选项</th>
<td colspan="3" align="center">
<input type="button" value="全选">
<input type="button" value="取消全选">
<input type="button" value="反选">
<input type="button" value="删除选选附件">
</td>
</tr>
</tbody>
</table>
</body>
</html>
以上就介绍了php对表格进行批量操作如全选反选删除功能,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。
PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号