基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能

建议有js基础,了解jquery,thinkphp,废话不说多下面就上代码

《————HTML————》

//thinkphp循环显示把data里fid赋予多选框
<volist name="data" id="vo">
<tr>
   <td><input type="checkbox" value="{$vo.fid}"/></td>//可在后面加td输入参数  
</tr>
</volist>
<tr>
<th width="80"><input type="checkbox" id="all"/>全选</th>
<th width="80"><input type="button" value="全选" class="btn" id="selectAll" /></th>
<th width="80"><input type="button" value="全不选" class="btn" id="unSelect" /></th>
<th><input type="button" value="反选" class="btn" id="reverse" /></th> 
<th width="180">
 <a href="javascript:void(0);" rel="external nofollow" onclick="del()" title="删除选定数据">删除</a>
</th> 
</tr>

《————jsvascript————》

<script>
    //多选
    $("#all").click(function(){   
    if(this.checked){   
        $("#list :checkbox").attr("checked", true);  
      }else{   
        $("#list :checkbox").attr("checked", false); 
      }   
    });
    //当点到全选按钮
    $("#selectAll").click(function () { 
      $("#list :checkbox,#all").attr("checked", true);  
    });
    //全不选
    $("#unSelect").click(function () {  
      $("#list :checkbox,#all").attr("checked", false);  
    });
    //反选
    $("#reverse").click(function () {  
      $("#list :checkbox").each(function () {  
        $(this).attr("checked", !$(this).attr("checked"));  
      }); 
      allCheck(); 
    });
    //删除
    function del(){
      var valArr = new Array;
      $("#list :checkbox[checked]").each(function(i){ 
        valArr[i] = $(this).val(); 
      });
      var vals = valArr.join(',');//数组转换以逗号隔开的字符串 
      if (valArr.length == 0) {
        alert('请选择要删除的选项');
      }else{
        if (confirm("确定删除？删除后将无法恢复。")){
          var data={name:vals};
          $.ajax({
            type: "post",
            url: "{:U('College/School/faculty_del')}",//url为tp方法（控制器/方法）
            data:data,
            success: function(json) {
             var obj = eval('(' + json + ')');//返回回来的json转化为js对象
              if (parseInt(obj.counts) > 0) {
                alert(obj.des);
                location.reload();
               } else {
                alert(obj.des);
               }
              },
            error: function(XMLHttpRequest, textStatus) {
               alert("页面请求错误，请检查重试或联系管理员！\n" + textStatus);
             }
           });
        }
      }
    }
</script>

 《————PHP————》

public function faculty_del(){
    $fid = trim($_POST['name']);
    //以下为查询条件
    $bname['deletemark'] = 0;
    $res = $this->faculty_model
            ->where(array('fid'=>array('in',$fid)))
            ->save($bname);
      //查询条件为你的查询条件，我这边为逻辑删除，修改字段值就好
//    echo $this->faculty_model->getLastSql();
//    var_dump($res);
//    exit;
    if ($res) {
     $counts = "1";
     $des = "成功";
    } else {
     $counts = "0";
     $des = "失败";
    }
    $json_data = "{";
    $json_data.= "\"counts\":".json_encode($counts).",";
    $json_data.= "\"des\":".json_encode($des)."";
    $json_data.= "}";
    echo $json_data;
    exit;    
  }

由于是异步所以你发过来的数据都在控制台查看，当前页面没输出，不要去页面上去找。

以上所述是小编给大家介绍的基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# thinkphp  # jquery  # ajax  # 多选删除  # jquery全选反选  # Thinkphp5.0框架使用模型Model的获取器、修改器、软删除数据操作示例  # Thinkphp5.0 框架使用模型Model添加、更新、删除数据操作详解  # tp5(thinkPHP5框架)使用DB实现批量删除功能示例  # thinkPHP利用ajax异步上传图片并显示、删除的示例  # ThinkPHP框架实现用户信息查询更新及删除功能示例  # ThinkPHP删除栏目(实现批量删除栏目)  # thinkphp框架实现删除和批量删除  # thinkPHP删除前弹出确认框的简单实现方法  # 基于ThinkPHP删除目录及目录文件函数  # 全选  # 多选  # 不选  # 小编  # 都在  # 在此  # 就好  # 要去  # 去找  # 可在  # 给大家  # 请选择  # 后将  # 转化为  # 所述  # 给我留言  # 点到  # 感谢大家  # 就上  # 重试 

相关文章： 如何获取免费开源的自助建站系统源码？  如何挑选优质建站一级代理提升网站排名？  如何在Tomcat中配置并部署网站项目？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  如何选择高性价比服务器搭建个人网站？  建站之星后台搭建步骤解析：模板选择与产品管理实操指南  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  建站之星免费版是否永久可用？  名字制作网站免费,所有小说网站的名字？  免费视频制作网站,更新又快又好的免费电影网站？  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗？  在线教育网站制作平台,山西立德教育官网？  自助网站制作软件,个人如何自助建网站？  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息？  建站之星IIS配置教程：代码生成技巧与站点搭建指南  如何零基础在云服务器搭建WordPress站点？  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作？  如何有效防御Web建站篡改攻击？  视频网站制作教程,怎么样制作优酷网的小视频？  长沙企业网站制作哪家好,长沙水业集团官方网站？  如何用免费手机建站系统零基础打造专业网站？  定制建站平台哪家好？企业官网搭建与快速建站方案推荐  如何在万网自助建站中设置域名及备案？  如何快速选择适合个人网站的云服务器配置？  相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料？  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  免费网站制作appp,免费制作app哪个平台好？  开封网站制作公司,网络用语开封是什么意思？  如何在宝塔面板中修改默认建站目录？  魔毅自助建站系统：模板定制与SEO优化一键生成指南  邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？  如何在企业微信快速生成手机电脑官网？  制作宣传网站的软件,小红书可以宣传网站吗？  常州自助建站：操作简便模板丰富，企业个人快速搭建网站  建站主机助手选型指南：2025年热门推荐与高效部署技巧  如何在阿里云高效完成企业建站全流程？  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  详解jQuery中基本的动画方法  高端网站建设与定制开发一站式解决方案 中企动力  香港代理服务器配置指南：高匿IP选择、跨境加速与SEO优化技巧  如何选择香港主机高效搭建外贸独立站？  建站主机数据库如何配置才能提升网站性能？  宝塔建站教程：一键部署配置流程与SEO优化实战指南  网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台？  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  如何选择高效响应式自助建站源码系统？  常州自助建站费用包含哪些项目？  建站之星备案是否影响网站上线时间？  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？