<!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;

   }

tp5 全选，全不选 ，ajax批量删除的更多相关文章

  1. tp5 ajax批量删除（自写）

    html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="U ...

  2. 原生PHP+原生ajax批量删除（超简单），ajax删除，ajax即点即改,完整代码，完整实例

    效果图: 建表:company DROP TABLE IF EXISTS `company`;CREATE TABLE `company` ( `id` int(11) NOT NULL AUTO_I ...

  3. ajax批量删除功能的实现源代码

    效果展示: 完整代码如下: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charse ...

  4. Think5之ajax批量删除数据功能

    //批量删除学员信息 public function deleteMany() { $id = input('post.'); //判断id是数组还是一个数值 if(is_array($id)){ f ...

  5. angularJs获取复选框中id 进行批量删除

    主要思路:我们需要定义一个用于存储选中 ID 的数组,当我们点击复选框后判断是选择还是取消选择,如果是选择就加到数组中,如果是取消选择就从数组中移除.在点击删除按钮时需要用到这个存储了 ID 的数组. ...

  6. 在spring mvc中利用ajax批量删除数据

    1.前台代码: $("#batchdelete").click(function(){ $.ajax({ type: "post", url: url, dat ...

  7. 作业：汽车查询--弹窗显示详情，批量删除 php做法(0521)

    作业:显示以下界面: 作业要求: 1.查看详细信息,以弹窗的形式显示,使用ajax2.批量删除 一.主页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XH ...

  8. PHP 批量删除的实现

    布局效果 布局代码 <button type="button" class="btn btn-sm btn-danger btn-erbi-danger" ...

  9. MVC3学习：利用mvc3+ajax实现全选和批量删除

    本例数据库操作使用EF code first; 先利用mvc自带的模板,先生成一个list视图,然后再手动添加复选框和删除按钮 <table> <tr> @*在标题行添加一个全 ...

随机推荐

  1. Uwl.Admin.Core开源框架（二） 使用QuartzNet

    Uwl.Admin.Core中使用QuartzNet定时任务模块: 本文负责讲解RabbitMQ的使用 Uwl.Admin.Core使用的技术有: *.Async和Await 异步编程 *.Repos ...

  2. Android API在线网站

    http://android-doc.com/reference/packages.html

  3. 需求： 使用LinkedList存储一副扑克牌，然后实现洗牌功能。

    import java.util.LinkedList; import java.util.Random; /* 需求: 使用LinkedList存储一副扑克牌,然后实现洗牌功能. */ //扑克类 ...

  4. iOS 小技巧总结

    1.获取准确的app启动所需时间 应用启动时间长短对用户第一次体验至关重要,同时系统对应用的启动.恢复等状态的运行时间也有严格要求,在应用超时的情况下系统会直接关闭应用.以下是几个常见场景下系统对Ap ...

  5. 你还不懂java的日志系统吗

    一.背景 在java的开发中,使用最多也绕不过去的一个话题就是日志,在程序中除了业务代码外,使用最多的就是打印日志.经常听到的这样一句话就是"打个日志调试下",没错在日常的开发.调 ...

  6. Linux用户配置文件、口令配置文件、组配置文件

    1.用户配置文件:保存用户信息 /etc/passwd 2.口令配置文件 /etc/shadow 每一行解释:登录名:加密口令:最后一次修改时间:最小时间间隔:最大时间间隔:警告时间:不活动时间:失效 ...

  7. Spring中的属性注入注解

    @Inject使用 JSR330规范实现的 默认按照类型注入 如果需要按照名称注入,@Inject需要和@Name一起使用 @Resource JSR250规范实现的,需要导入不同的包 @Resour ...

  8. 基于双TMS320C6678 + XC7K420T的6U CPCI Express高速数据处理平台

    1.板卡概述 板卡由我公司自主研发,基于6UCPCI架构,处理板包含双片TI DSP TMS320C6678芯片:一片Xilinx公司FPGA XC7K420T-1FFG1156 芯片:六个千兆网口( ...

  9. Solution -「CF 555E」Case of Computer Network

    \(\mathcal{Description}\)   Link.   给定 \(n\) 个点 \(m\) 条边的无向图,判断是否有给每条边定向的方案,使得 \(q\) 组有序点对 \((s,t)\) ...

  10. 花里胡哨之自定义linux终端前缀显示

    文章目录 1.先看默认的linux终端前缀 2.查看默认的终端前缀变量 3.符号所代表的意义 4.修改PS1变量,达成自定义效果 4.1.只显示主机名和完整目录 4.2.给他点颜色看看 5.谢幕 1. ...