<!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. 阿里P8整理Mysql面试题答案，助你“脱颖而出”，吊打面试官！（建议收藏）

    前言 作为一名开发人员,每天英高都在和数据库进行着斗智斗勇,尤其是互联网行业,对MySQL的使用是比较多的.同样的,因为mysql的重要性以及普及性,在面试的时候一定是一个面试的重点或者说常问问题,说 ...

  2. 记项目中ES6+gulp+angularjs里的问题

    AngualrJs中可用来注入的有三种类型,service.factory.provider,这三种写法不样,用法也都不一样.其中,service只实例化一次,其实就是单例模式的思想.无论我们在什么地 ...

  3. 【收藏】Supervisor的作用与配置

    原文链接:https://www.jianshu.com/p/0226b7c59ae2 supervisor supervisor管理进程,是通过fork/exec的方式将这些被管理的进程当作supe ...

  4. Idea快捷键---根据自己使用情况持续更新

    查看接口的实现类 -->ctrl+alt+b 查看继承关系 -->ctrl+h 快速查看上次查看代码的位置: -->ctrl+alt+方向键(注意与intel显卡快捷键的冲突,如有冲 ...

  5. CABasicAnimation动画

    使用CABasicAnimation动画: CALayer *znzLayer; = [[CALayer alloc]init]; //创建不断该表CALayer的transform属性动画 CABa ...

  6. Lesson10——NumPy 迭代数组

    NumPy 教程目录 NumPy 迭代数组 NumPy 迭代器对象  numpy.nditer  提供了一种灵活访问一个或者多个数组元素的方式. 迭代器最基本的任务的可以完成对数组元素的访问. Exa ...

  7. opencv笔记--ORB

    ORB detector 使用 FAST detector 和 BRIEF descriptor 基本思路.在介绍 ORB 之前,首先对 FAST 与 BRIEF 进行说明. 1 FAST FAST( ...

  8. unity3d导出xcode项目使用afnetworking 3框架导致_kUTTagClassMIMEType 问题解决方案

    http://blog.csdn.net/huayu_huayu/article/details/51781953  (参考链接) Undefined symbols for architecture ...

  9. Nginx基本简述

    一.Nginx简介 Nginx是一个开源且高性能.可靠的HTTP中间件.代理服务. 开源:直接获取源代码 高性能:支持海量高并发 1.nginx应用场景: 静态处理   (对静态页面的处理,不管是ht ...

  10. kali linux 中python2不带pip的解决方法

    在使用kali2020版本时,发现pip只能安装python3的模块,没办法安装python2模块,但是我有需要用到python2来运行脚本,在此贴出解决办法 https://bootstrap.py ...