<!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. 生成"cmd.exe"错误

    转载请注明来源:https://www.cnblogs.com/hookjc/ 在VC2005里打开"工具"菜单,选择"选项",打开"选项" ...

  2. 为什么要配置path环境变量

    因为在jdk下bin文件夹中有很多我们在开发中要使用的工具,如java.exe,javac.exe,jar.ex等,那么我们在使用时,想要在电脑的任意位置下使用这些java开发工具,那么我们就需有把这 ...

  3. java_JDBC，连接数据库方式，RestSet结果集，Statement，PreparedStatement，事务，批处理，数据库连接池（c3p0和Druid）、Apache-DBUtils、

    一.JDBC的概述 1.JDBC为访问不同的数据薛是供了统一的接口,为使用者屏蔽了细节问题.2. Java程序员使用JDBC,可以连接任何提供了JDBC驱动程序的数据库系统,从而完成对数据库的各种操作 ...

  4. JS快速入门（二）

    目录 JS快速入门(二) 结构图 BOM window对象 open() window子对象 location对象 history对象(了解) navigator 对象 screen对象 BOM 定时 ...

  5. D介绍-概述

    INTRODUCTION THE SELENIUM PROJECT AND TOOLS Selenium controls web browsers Selenium is many things, ...

  6. python小白记录一 ——python脚本生成windows可执行exe

    1.需要安装pywin32 先查看自己有没有安装:使用如下命令查看 pip show pywin32 如果没有则用下面方式进行安装: pip install pywin32 然后等待安装完成: 2.再 ...

  7. Solution -「多校联训」战神归来

    \(\mathcal{Description}\)   Link.   一条地铁线路上共 \(m\) 个站点,\(n\) 个人乘坐地铁,第 \(i\) 个人需要从 \(s_i\) 站坐到 \(e_i\ ...

  8. Note/Solution -「洛谷 P6466」分散层叠算法

    \(\mathcal{Description}\)   Link.   给定 \(m\) 个长度为 \(n\) 的有严格升序且不包含重复元素的序列 \(a_1,a_2,\cdots,a_m\),\(q ...

  9. Linux上大文件切割以及批量并发处理

    一.环境说明 某次项目需求中,在Linux上有批文本文件,文件文件都有几个G大,几千万行的数据.无论在Linux和Windows打开这么大的文件,基本上打开要卡半天,更别说编辑. 因此想到使用spli ...

  10. Linux海王 之 pdsh （并行管理工具）

    文章目录 安装 使用 示例 -w 指定主机 -l 指定用户 -g指定用户组 主机列表 交互式界面 pdsh是一个多线程远程shell客户机,它在多个远程主机上并行执行命令 pdsh可以使用几种不同的远 ...