<!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. 虚拟机与Docker

    https://www.cnblogs.com/kex1n/p/6933039.html https://blog.csdn.net/jingzhunbiancheng/article/details ...

  2. SqlServer数据库表生成C# Model实体类SQL语句——补充

    在sql语句最前边加上  use[数据库名] 原链接:https://www.cnblogs.com/jhli/p/11552105.html   --[SQL骚操作]SqlServer数据库表生成C ...

  3. ElasticSearch 基本介绍和读写搜索过程

    cluster 代表一个集群,集群中有多个节点,其中有一个为主节点,这个主节点是可以通过选举产生的,主从节点是对于集群内部来说的.es的一个概念就是去中心化,字面上理解就是无中心节点,这是对于集群外部 ...

  4. SQL 游标 指针

    DECLARE @radioScoreRate decimal DECLARE @checkScoreRate decimal DECLARE @judgeScoreRate decimal DECL ...

  5. 分享刚出炉的基于Blazor技术的Web应用开发框架

    这是最近刚刚重构完成的项目,有点迫不及待的分享给大家,为了跟上技术升级把原来基于MVC Razor Page开源项目 RazorPageCleanArchitecture 进行重构, 前端用Blazo ...

  6. traceback.print_exc()的用法

    Python使用traceback.print_exc()来代替print e 来输出详细的异常信息   [python] view plain copy try: 1/0 except Except ...

  7. mysql，数据类型与表操作

    一.mysql基本认知 创建用户 create host aa identified with mysql_native_password by ''; 修改用户权限 alter user root@ ...

  8. 拜托，使用Three.js让二维图片具有3D效果超酷的好吗 💥

    声明:本文涉及图文和模型素材仅用于个人学习.研究和欣赏,请勿二次修改.非法传播.转载.出版.商用.及进行其他获利行为. 背景 逛 sketchfab 网站的时候我看到有很多二维平面转 3D 的模型例子 ...

  9. 如何深入学习Java并发编程？

    在讲解深入学习Java并发编程的方法之前,先分析如下若干错误的观点和学习方法. 错误观点1:学习Java编程主要是学习多线程. 这话其实是说明了表面现象,多线程其实还真是并发编程的实现方式,但在实际高 ...

  10. python处理图像矩阵--值转为int

    1. 在用python处理图像数字矩阵时,若对矩阵进行了加减乘除等运算,可能会造成矩阵元素值溢出,然后某些元素值可能都被赋为255:之后若重新显示图像,可能会没有什么变化,此时,可以将运算后的矩阵值转 ...