简单的ajax批删

来源：互联网发布：蔬菜水果网络配送平台编辑：程序博客网时间：2024/06/06 21:37
<?phpuse 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><?phpecho 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>
0 0