<!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. Atcoder ARC-104

    D 可以发现,从整体上来看这个式子是不好计数的,可以考虑反过来将贡献拆到单个的每个数上: \[\sum\limits_{i = 1} ^ n a_i \times (i - x) = 0 \] 于是每 ...

  2. vi/vim 设置.vimrc(/etc/vim | $HOME)

    转载请注明来源:https://www.cnblogs.com/hookjc/ "====================================================== ...

  3. GoogleGoogleGoogle!!!! 百度云资源

    一些谷歌镜像地址,够用了 Google 镜像站搜集 田飞雨 » Google 镜像站搜集 https://github.com/sxyx2008/DevArticles/issues/99 http: ...

  4. HDOJ acm steps 3.1.1

    (都是递推求值,呵呵,好开心- - ) 今天又是在自习室通宵(文明玩的停不下来了) 游戏玩完想想该水题了,于是打开了HDOJ的ACM STEPS(这是个好东西,就像他的名字,一步步来的) 2.3.x貌 ...

  5. Python以及Sublime Text的安装设置

    Python以及Sublime Text的安装设置 目录 Python以及Sublime Text的安装设置 一.Python 1. Python版本 2. 安装新版本python 2.1 下载安装包 ...

  6. nginx实现后端tomcat的负载均衡调度

    一.编译安装nginx 请跳转查阅:编译安装nginx 二.tomcat的二进制安装 请跳转查阅:二进制安装tomcat 三.配置nginx代理 # cat /apps/nginx/conf/ngin ...

  7. Failed to connect to raw.githubusercontent.com 443 解决方案

    wget 'https://raw.githubusercontent.com/CSSEGISandData/COVID-19/master/csse_covid_19_data/csse_covid ...

  8. Solution -「多校联训」行列式

    \(\mathcal{Description}\)   Link.   给定 \(x,\{d_i\}_{i=1}^n,\{p_i\}_{i=2}^n,\{b_i\}_{i=2}^n,\{c_i\}_{ ...

  9. Solution -「CF 156D」Clues

    \(\mathcal{Description}\)   link.   给一个 \(n\) 个点 \(m\) 条边的无向图 \(G\).设图上有 \(k\) 个连通块,求出添加 \(k-1\) 条边使 ...

  10. Solution -「HNOI 2019」「洛谷 P5293」白兔之舞

    \(\mathcal{Description}\)   Link.   不想概括题意.jpg \(\mathcal{Solution}\)   定义点集 \(S_c=\{(u,v)|v=c\}\):第 ...