简单的ajax批删

最新推荐文章于 2022-08-29 11:22:43 发布

热可乐

最新推荐文章于 2022-08-29 11:22:43 发布

阅读量454

点赞数

分类专栏： Yii框架文章标签： yii

本文链接：https://blog.youkuaiyun.com/q652907386/article/details/52903930

版权

Yii框架专栏收录该内容

7 篇文章

订阅专栏

<?php
use yii\widgets\LinkPager;
?>
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="../../../../../../jquery-1.9.1.min.js"></script>
</head>
<body>
<table border="1">
    <tr>
        <td>选项</td>
        <td>编号</td>
        <td>名字</td>
        <td>密码</td>
        <td>操作</td>
    </tr>
    <?php foreach($data as $key=>$val){ ?>
    <tr>
        <td><input type="checkbox" class="box" name="box" value=<?php echo $val['id']?>></td>
        <td class="id"><?php echo $val['id']?></td>
        <td><?php echo $val['name']?></td>
        <td><?php echo $val['pwd']?></td>
        <td><a href="#">删除</a></td>
    </tr>
    <?php } ?>
</table>

<?php
echo LinkPager::widget([
    'pagination' => $pagination,
]);
?>
<input type="button" id="quan" value="全选"/>
<input type="button" id="fan" value="反选"/>
<input type="button" id="pi" value="批删"/>
</body>
<script>
    $(function(){
        $("#quan").click(function(){
            var box=$(".box");
            for(var i=0; i<box.length;i++){
                box[i].checked="checked";
            }

        })
        $("#fan").click(function(){
            var box=$(".box");
            for(var i=0; i<box.length;i++){
                box[i].checked=!box[i].checked;
            }

        })
        $("#pi").click(function(){
            var str="";
        $(":checkbox[name='box']:checked").each(function(key,val){
            str+=$(val).attr("value")+",";

        });
            var _this=$(":checkbox[name='box']:checked");
            $.ajax({
                type: "POST",
                url: "?r=fen/pi",
                data: {str:str},
                success: function(msg){
                    if(msg==1){
                        _this.parent().parent().remove();
                    }
                }
            });


        })
    })
</script>
</html>