jQuery+php简单实现全选删除的方法


Posted in PHP onNovember 28, 2016

本文实例讲述了jQuery+php简单实现全选删除的方法。分享给大家供大家参考,具体如下:

<input type="checkbox" id="ckb_selectAll" onclick="selectAll()" title="选中/取消选中">
<a href="javascript:void(0);" onclick="del_()" title="删除选定数据" style="font-weight:normal">删除</a>

↑全选checkbox

<input type="checkbox" class="ckb" id="+con.id+" value="+con.id+">

↑为删除项,同一命名class为ckb,方便操作,同时将id值巧妙的放入input中,方便获取。

function selectAll() {
  if ($('#ckb_selectAll').is(':checked')) {
    $(".ckb").attr("checked", true); //全部选中
  } else {
    $(".ckb").attr("checked", false);//全部取消
  }
}

↑选中事件

function del_() {
  var ids = '';
  $(".ckb").each(function() {
    if ($(this).is(':checked')) {
      ids += ',' + $(this).val(); //逐个获取id
    }
  });
  ids = ids.substring(1); // 对id进行处理,去除第一个逗号
  if (ids.length == 0) {
    alert('请选择要删除的选项');
  } else {
    if (confirm("确定删除?删除后将无法恢复。")) {
      url = "action=del_call_record&ids=" + ids;
      $.ajax({
        type: "post",
        url: "send.php",
        data: url,
        success: function(json) {
          if (parseInt(json.counts) > 0) {
            alert(json.des);
            location.reload();
          } else {
            alert(json.des);
          }
        },
        error: function(XMLHttpRequest, textStatus) {
          alert("页面请求错误,请检查重试或联系管理员!\n" + textStatus);
        }
      });
    }
  }
}

↑删除用ajax来处理。

↓后台操作数据库,处理删除动作。

$ids = trim($_REQUEST['ids']);
$del_sql = "DELETE FROM vicidial_call_record WHERE id IN(".$ids.")";
//print_r($del_sql);exit;
if (mysqli_query($db_conn, $del_sql)) {
  $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;
break;

完成

希望本文所述对大家PHP程序设计有所帮助。

PHP 相关文章推荐
我的论坛源代码(九)
Oct 09 PHP
收藏的一个php小偷的核心程序
Apr 09 PHP
PHP 全角转半角实现代码
May 16 PHP
PHP开发的一些注意点总结
Oct 12 PHP
php中is_null,empty,isset,unset 的区别详细介绍
Apr 28 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十五)
Jun 30 PHP
PHP类的特性实例分析
Sep 28 PHP
LAMP环境使用Composer安装Laravel的方法
Mar 25 PHP
ThinkPHP框架表单验证操作方法
Jul 19 PHP
使用PHPExcel导出Excel表
Sep 08 PHP
php精度计算的问题解析
Jun 21 PHP
Thinkphp5.0框架的Db操作实例分析【连接、增删改查、链式操作等】
Oct 11 PHP
PHP中的use关键字及文件的加载详解
Nov 28 #PHP
php连接微软MSSQL(sql server)完全攻略
Nov 27 #PHP
php源码之将图片转化为data/base64数据流实例详解
Nov 27 #PHP
PHP使用curl函数发送Post请求的注意事项
Nov 26 #PHP
laravel创建类似ThinPHP中functions.php的全局函数
Nov 26 #PHP
PHP数组相加操作及与array_merge的区别浅析
Nov 26 #PHP
PHP中call_user_func_array回调函数的用法示例
Nov 26 #PHP
You might like
php采用file_get_contents代替使用curl实例
2014/11/07 PHP
tagName的使用,留一笔
2006/06/26 Javascript
javascript XMLHttpRequest对象全面剖析
2010/04/24 Javascript
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
2011/07/31 Javascript
让input框实现类似百度的搜索提示(基于jquery事件监听)
2014/01/31 Javascript
Nodejs中调用系统命令、Shell脚本和Python脚本的方法和实例
2015/01/01 NodeJs
基于JS实现简单的样式切换效果代码
2015/09/04 Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
2015/11/25 Javascript
javascript实现随机生成DIV背景色
2016/06/20 Javascript
jQuery编写textarea输入字数限制代码
2017/03/23 jQuery
Nodejs中crypto模块的安全知识讲解
2018/01/03 NodeJs
angular写一个列表的选择全选交互组件的示例
2018/01/22 Javascript
详解vue-cli 本地开发mock数据使用方法
2018/05/29 Javascript
详解微信小程序之一键复制到剪切板
2019/04/24 Javascript
纯 JS 实现放大缩小拖拽功能(完整代码)
2019/11/25 Javascript
Vue 解决通过this.$refs来获取DOM或者组件报错问题
2020/07/28 Javascript
ant-design-vue中tree增删改的操作方法
2020/11/03 Javascript
[01:24]2014DOTA2 TI第二日 YYF表示这届谁赢都有可能
2014/07/11 DOTA
用python结合jieba和wordcloud实现词云效果
2017/09/05 Python
Python爬虫之pandas基本安装与使用方法示例
2018/08/08 Python
python ipset管理 增删白名单的方法
2019/01/14 Python
django框架防止XSS注入的方法分析
2019/06/21 Python
python实现在多维数组中挑选符合条件的全部元素
2019/11/26 Python
Python批量启动多线程代码实例
2020/02/18 Python
python GUI库图形界面开发之PyQt5切换按钮控件QPushButton详细使用方法与实例
2020/02/28 Python
PyInstaller运行原理及常用操作详解
2020/06/13 Python
美国领先的家庭智能音响系统品牌:Sonos
2018/07/20 全球购物
size?丹麦官网:英国伦敦的球鞋精品店
2019/04/15 全球购物
魅力教师事迹材料
2014/01/10 职场文书
关爱老人标语
2014/06/21 职场文书
2015年七一建党节活动总结
2015/03/20 职场文书
2015年助理政工师工作总结
2015/05/26 职场文书
企业培训简报范文
2015/07/20 职场文书
如果用一句诗总结你的上半年,你会用哪句呢?
2019/07/16 职场文书
如何在Mac上通过docker配置PHP开发环境
2021/05/29 PHP
Java中生成微信小程序太阳码的实现方案
2022/06/01 Java/Android