php对表格进行批量操作如全选反选删除功能

php中文网
发布: 2016-07-29 09:15:33
原创
1178人浏览过

<!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>
登录后复制

飞书多维表格
飞书多维表格

表格形态的AI工作流搭建工具,支持批量化的AI创作与分析任务,接入DeepSeek R1满血版

飞书多维表格 26
查看详情 飞书多维表格

以上就介绍了php对表格进行批量操作如全选反选删除功能,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。

PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号