PHP jQuery+Ajax结合写批量删除功能
时间:2019-03-30
本文章向大家介绍PHP jQuery+Ajax结合写批量删除功能,主要包括PHP jQuery+Ajax结合写批量删除功能使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
为了美观,我还是引入了bootstrap的模态框,我引入的是自己的数据库 library中的一张表 名为:maninfo表 是一张个人信息表
表的加载我就不写了,比较简单, 大概写一下需要的按钮和html部分就可以了
<button type="button" class="btn btn-primary" id="plscdz" >批量删除</button>
全选:
<input type="checkbox" id="cq"/>
遍历出来的复选框为
<input type="checkbox" value="{$v[0]}" class="cq"/>
首先是全选按钮点击之后可以把遍历的复选框全部选中
<script type="text/javascript"> $("#cq").click(function(){ $(".cq").prop("checked",$(this).prop("checked")); }) </script>
这里我只写了一个简单的模态框
<div class="modal fade" id="myModal11" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button> <h4 class="modal-title" id="myModalLabel"> 提示 </h4> </div> <div id="qrnr1" class="modal-body"> 您将删除选中的图书! </div> <div class="modal-footer"> <button id="qxplsc" type="button" class="btn btn-default" data-dismiss="modal">取消删除</button> <button id="qrplsc" type="button" class="btn btn-primary">确认批量删除</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal --> </div> </div>
这样前端的内容就完成了,这样就开始写js部分了,我全部用的是jquery
var chk = ""; var check2 = ""; //判断多个复选框中的某一个是否被实现 function checked(){ var count = 0; var checkx = $("#cq"); if(checkx.checked) { check2=1;//选中全选按钮 } else { check2=0;//没选中全选按钮 } var checkArry = $(".cq"); for (var i = 0; i < checkArry.length; i++) { if(checkArry[i].checked == true) { //选中的操作 count++; } } if( count == 0 ) { chk=0;//没有选中项 } else { chk=1;//有选中项 } //alert(chk); } function plscdzxx() { //批量删除 $("#plscdz").click(function(){ checked(); if(chk==1 || check2==1){// 提交 $('#myModal12').modal('show'); $("#nqrplsc").click(function(){/*给确认删除按钮加事件*/ $('#myModal12').modal('hide'); //找选中的主键值,用循环遍历选中的主键值 var cq =$(".cq"); var plstr =""; for(var i=0;i<cq.length;i++) { if(cq.eq(i).prop("checked")) { plstr+=cq.eq(i).val()+"','"; } } plstr= plstr.substr(0,plstr.length-3); //分隔符占3个字符,截取字符串,去掉最后的"','",这样正好匹配SQL语句 $.ajax({ async:false, url:"plscdz.php", data:{plstr:plstr}, dataType:"TEXT", type:"POST", success:function(data){ if(data.trim()=="OK") { alert("删除成功"); nload(); //在这里要重新加载一遍页面 } else { alert("删除失败"); } } }); }); } else if(chk==0) { // 不提交 //alert(chk); alert("请选择您要删除的内容"); } }) }
ajax会连接到批量删除的处理页面 ,下面就是批量删除的处理页面了
<?php session_start(); include("DBDA.class.php"); $db = new DBDA(); if(!empty($_POST["plstr"])) { $plstr = $_POST["plstr"]; $sql = "delete from maninfo where id in ('{$plstr}')"; if($db->Query($sql,0)) { echo "OK"; } else { echo "NO"; } }
写到这儿 如果您要是自己尝试的话,可能不运行,这就需要把批量删除的方法给调一下,前面有加载的方法的话,那就直接把批量删除的方法写到加载方法里面调用就可以了
以上所述是小编给大家介绍的PHP jQuery+Ajax结合写批量删除功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
- 关于 Android N 那些你不知道的事儿
- golang实现ping命令
- socket编程小问题:地址已经被使用——Address already in use
- 如何使用golang实现操作键盘按键
- 黑科技:程序员如何打造属于自己的分体键盘
- Go语言实现socket实例
- go语言实现sqrt的方法
- Go语言实现set
- Docker新手入门实战教程
- Python远程控制模块paramiko遇到的问题及解决记录
- Windows下bat批处理脚本使用telnet批量检测远程端口小记
- WordPress集成PHP缩略图,并开启Nginx缓存的方法
- 分享几个WordPress本地缓存gravatar评论头像的方案
- Linux下的mongodb服务脚本,以备不时之需
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Android各版本查询和开启悬浮窗权限
- RuntimeException: setAudioSource failed异常
- Java&Android获取当前日期、时间、星期几、获取指定格式的日期时间、时间戳工具类包含使用示例
- Android TV 开发之 TV视频播放器
- Android MediaPlayer 音乐播放器扫描 本地音乐、上一曲、下一曲切歌、播放本地音乐
- 1小时真正掌握正则表达式
- Android Studio 安装配置教程 - Windows(详细版)
- Android 天气APP(八)城市切换 之 自定义弹窗与使用
- Android 接入udesk SDK实现IM
- Android 天气APP(十二)空气质量、UI优化调整
- Python+selenium 自动化-调用dom节点的click()监听事件,强力操作节点!穿透元素进行点击,节点被遮挡不可点击解决方法
- pkl是什么类型的文件?怎么来打开它?
- Python 技术篇-如何查看文本用什么类型的编码,文本编码查看方法
- Elasticsearch:设置 Elastic 账户安全
- Git存管代码,实例演示