Maison >développement back-end >tutoriel php >php对表格进行批量操作如全选反选删除功能

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

WBOY
WBOYoriginal
2016-07-29 09:15:331004parcourir



    <meta http-equiv="content-type" c charset="utf-8">
    <title>Select All</title>
    <style><span>        table{
            border:<span>#<span>999 1px solid;            border-collapse:<span>collapse;
        }
        table th{
            text-align:<span>center;
        }
        table td{
            border:1px solid <span>#<span>999;            text-align:<span>center;
        }
        .<span>one{
            background:<span>#<span>6cf;<span>        }
        .<span>two{
            background:<span>#<span>fc6;<span>        }
    </style>

    <script type="text/javascript" language="javascript">
        <span>function<span> changecolor(){
            <span>var tr=document.getElementsByTagName("tr"<span>);
            tr[0].style.background="#0066ff"<span>;
            tr[tr.length-1].style.background="#0066ff"<span>;
        }
        <span>function<span> changebox(type) {
            <span>var tbs = document.getElementById("tbs"<span>);
            <span>var chks = tbs.getElementsByTagName("input"<span>);
            <span>switch<span> (type) {
                <span>case "qx":
                    <span>for (<span>var i = 0; i < chks.length; i++<span>) {
                        chks[i].checked = <span>true<span>;
                    }
                    <span>break<span>;
                <span>case "qxx":
                    <span>for (<span>var i = 0; i < chks.length; i++<span>) {
                        chks[i].checked = <span>false<span>;
                    }
                    <span>break<span>;
                <span>case "fx":
                    <span>for (<span>var i = 0; i < chks.length; i++<span>) {
                        <span>if (chks[i].checked == <span>true<span>) {
                            chks[i].checked = <span>false<span>;
                        } <span>else<span> {
                            chks[i].checked = <span>true<span>;
                        }
                    }
                    <span>break<span>;
            }
        }
        <span>function<span> del(){
            <span>var input=document.getElementsByName("check[]"<span>);
            <span>for(<span>var i=input.length-1; i>=0; i--<span>){
                <span>if(input[i].checked==<span>true<span>){
                    <span>var td=input[i].<span>parentNode;
                    <span>var tr=td.<span>parentNode;
                    <span>var table=tr.<span>parentNode;
                    table.<span>removeChild(tr);
                }
            }
        }
    </script>


    <tr>
        <th>选项</th>
        <th>发件人</th>
        <th>邮件名称</th>
        <th>邮件附属信息</th>
    </tr>
    <tbody>
    <tr>class="one">
        <td><input type="checkbox" name="check[]"></td>
        <td>王大力</td>
        <td>wdl@qq.com</td>
        <td>个人邮箱</td>
    </tr>
    <tr>class="two">
        <td><input type="checkbox" name="check[]"></td>
        <td>王大力</td>
        <td>wdl@qq.com</td>
        <td>个人邮箱</td>
    </tr>
    <tr>class="one">
        <td><input type="checkbox" name="check[]"></td>
        <td>王大力</td>
        <td>wdl@qq.com</td>
        <td>个人邮箱</td>
    </tr>
    <tr>class="two">
        <td><input type="checkbox" name="check[]"></td>
        <td>王大力</td>
        <td>wdl@qq.com</td>
        <td>个人邮箱</td>
    </tr>
    <tr>class="one">
        <td><input type="checkbox" name="check[]"></td>
        <td>王大力</td>
        <td>wdl@qq.com</td>
        <td>个人邮箱</td>
    </tr>
    <tr>class="two">
        <td><input type="checkbox" name="check[]"></td>
        <td>王大力</td>
        <td>wdl@qq.com</td>
        <td>个人邮箱</td>
    </tr>
    <tr>class="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>



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

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:php的代码重用与函数Article suivant:CentOS 65 安装 Nginx 178 教程