最简单的批量删除 

<body>
    <table class="table">
        <tr>
            <td class="th" colspan="8">群聊关键词列表</td>
        </tr>
            <tr class="tableTop">
                <td class="tdLittle1">ID</td>
                <td>关键词</td>
                <td>时间</td>
                <td>操作</td>
            </tr>

        <tbody id="tb_content">
            <volist name='list' id='vo'>
                <tr>
                    <td  ><input type="checkbox" name="r" value="{$vo.id}" class="cq"/>{$vo.id}</td>
                    <td  >{$vo.content}</td>
                    <td>{$vo.create_time|date='Y-m-d H:i:s',###}</td>
                    <td><a href="{:U('del',array('id'=>$vo['id']))}" class="del">删除</a></td>
                </tr>
            </volist>

        </tbody>

    </table>
    <div class="page">
        {$page}
    </div>
    <!-- 批量删除按钮-->
        <button type="button" class="btn btn-primary" style="margin-top: -37px;margin-left: 36px;" id="plscdz" data-toggle="modal" data-target="#exampleModal" >批量删除</button>
        <!-- 全选框-->
        <input type="checkbox" style="    margin-top: -26px;position: absolute;margin-left: -114px;" id="cq"/>
Js部分——————————

<script type="text/javascript">
        //全选..不全选
         $("#cq").click(function(){
             $(".cq").prop("checked",$(this).prop("checked"));
          });
        </script>
    <script>
        //获取选择的值
        $('#plscdz').click(function(){
            obj = document.getElementsByName("r");
            check_val=[];
            for(k in obj){
                if(obj[k].checked)
                    check_val.push(obj[k].value);
            }
            if(check_val == ''){
                alert('请选择您要删除的数据...');
            }else {
                $.ajax({
                    type: "post",
                    async : true,
                    url : "{:U('ajaxdel')}",
                    dataType : "json",
                    data : {id:check_val},
                    success : function(result){
                        if(result.result== '1'){
                            alert('删除成功!');
                            location.reload();
                        }else if(result.result== '0'){
                            alert("删除失败");
                            location.reload();
                        }
                    }
                });
            }
        })
    </script>
//PHP代码就不上传了

 

posted @ 2017-05-31 14:44  yuancr  阅读(314)  评论(0)    收藏  举报