zoukankan      html  css  js  c++  java
  • 全选删除的简单实现

    <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("页面请求错误,请检查重试或联系管理员!
    " + 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;

    完成

  • 相关阅读:
    vue实例讲解之vuex的使用
    实例讲解webpack的基本使用第一篇
    如何写一个jquery插件
    《改变你一生的108个心理学法则》读书笔记
    用css绘制各种图形
    关于js浮点数计算精度不准确问题的解决办法
    非常有用的css使用总结
    网页meta标签总结
    Object.defineProperty()方法的用法详解
    js中set和get的用法
  • 原文地址:https://www.cnblogs.com/jiqing9006/p/4969499.html
Copyright © 2011-2022 走看看