tp5 全选,全不选 ,ajax批量删除

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>显示</title>
</head>
<body>
    <table border="1">
        <tr>
            <th></th>
            <th>ID</th>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
            <th>操作</th>
        </tr>
        
        {volist name="info" id='v'}
        <tr>
            <td><input type="checkbox" name="aaa" value="{$v.id}"></td>
            <td>{$v.id}</td>
            <td>{$v.name}</td>
            <td>
                <?php
                    
                    if($v['sex']==1){
                    echo "";
                    }
                    if($v['sex']==2){
                    echo "";
                }
                ?>
            </td>
            <td>{$v.age}</td>
            <td>
                <a href="/index.php/index/Test/update?id={$v.id}">修改</a>
                <a href="/index.php/index/Test/delete?id={$v.id}">删除</a>
            </td>
            </tr>
        {/volist}
        
    </table>
    <input type="button" value="全选" id="checkall">
    <input type="button" value="反选" id="checkalls">
    <input type="button" value="删除" id="ddd">
    <br>
    <a href="/index.php/index/Test/add">返回添加</a>
</body>
</html>
复制代码

jq代码:

复制代码
<script type="text/javascript" src="/jquery-3.4.1.js"></script>
<script type="text/javascript">
    //全选
$('#checkall').click(function(){
    $("input[type='checkbox']").attr("checked",true);
    
    
})
    //反选
$('#checkalls').click(function(){
    $("input[type='checkbox']").attr("checked",false);
})

//删除
$('#ddd').click(function(){
    var chk_value =[];//定义一个数组    
        $('input[name="aaa"]:checked').each(function(){
        chk_value.push($(this).val());
        });
    // alert(chk_value);
    $.ajax({
        type:"POST",
        url:"delall",
        data:{
            id:chk_value
        },
        success:function(e){
            if(e==1){
                alert('删除成功');
                location.href="list";
            }
        }
    })
})
</script>

复制代码

控制器代码

复制代码
   //批量删除
   public function delall(){
       // echo "批量删除";
   $ids=input('post.');
   $id=$ids['id'];
   
   $data=Db::table('test')->delete($id);
   if($data){
//这里可以返回json数据格式
return 1; }else{ return 2; }
复制代码

 

posted @   王越666  阅读(137)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示