acpig95 2018-08-01 14:18 采纳率: 0%
浏览 1038
已采纳

批量删除如何加个确认删除提示?

以下代码是js写的,请问我这么加个 “layer.confirm('确认要删除吗?'......."类似的东西让删除是提示一个确定要删除吗?特别急,老板就在办公室加班呢?多谢多谢。


<script>
    $(function () {
        $("#cbAll").click(function () {
            $("input[name='chckBox']").prop("checked", $(this).prop("checked"));
        });
    });
    var list = [];
    $(function () {
        $(".delete").click(function () {
            var str = "";
            $(".deletecheck").each(function () {
                if ($(this).prop('checked') == true) {
                    list.push($(this).val());
                    str += $(this).val() + ",";
                }
            });
            str = str.substr(0, str.length - 1);
            $.post(
                "@Url.Action("ChekBox", "Plan")",
                {
                    list: str
                },
                    function (data) {
                        if (data.Success == true) {
                            layer.alert("删除成功", function () { location.reload() });
                        }
                        else {
                            layer.alert("至少选择一个!", function () { location.reload() });
                        }
                    });
        })
    });
</script>
  • 写回答

5条回答 默认 最新

  • Heart_Blade 2018-08-02 01:00
    关注

    删除肯定是需要表单提交,与底层数据库交互。在删除按钮所在添加点击事件函数。参考代码如下,a标签的href是跳转到后台去处理数据的路径,如果conform弹框点击的是确定,则会跳转,否则不会。
    <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">



    分页展示

    ${doRegFlag }

    <c:if test="${loginUser!=null }">
        <span>${loginUser.userName }</span><span>${loginUser.sex==1?"先生":"女士" }</span>&nbsp;您好&nbsp;|&nbsp;<a href="DoLogout" onclick="return confirm('确定注销吗?')">注销</a>
        <div align="center">
            <form action="DoUserList" method="post">
                用户帐号:<input type="text" name="name" value="${name }"/>
                用户邮箱:<input type="text" name="email" value="${email }"/>
                <input type="submit" value="查询"/>
            </form>
        </div>
    </c:if>
    <c:if test="${loginUser==null }">
    您尚未&nbsp;<a href="login.jsp">登录</a>&nbsp;|&nbsp;<a href=reg.jsp>注册</a>    </c:if>
    <div align="center">
        <hr/>
        <table border="2">
            <tr>
                <th>用户编号</th>
                <th>用户账号</th>
                <th>用户密码</th>
                <th>用户昵称</th>
                <th>用户年龄</th>
                <th>用户性别</th>
                <th>用户邮箱</th>
                <th>注册时间</th>
                <th>用户权限</th>
                <c:if test="${loginUser!=null }"><th>操作</th></c:if>
            </tr>
            <c:forEach items="${list }" var="user" varStatus="i">
                <tr bgcolor="${i.index mod 2 eq 0?'yellow':'' }">
                    <td>${user.userId }</td>
                    <td>${user.userName }</td>
                    <td>${user.password }</td>
                    <td>${user.nickName }</td>
                    <td>${user.age }</td>
                    <td>${user.sex==1?"男":"女" }</td>
                    <td>${user.email }</td>
                    <td><fmt:formatDate value="${user.regDate }" pattern="yyyy-MM-dd HH:mm:ss"/></td>
                    <td>${user.role==1?"管理员":"普通用户" }</td>
                    <c:if test="${loginUser!=null }">
                        <td>
                            <c:if test="${loginUser.role==0&&user.userName==loginUser.userName }">
                                <a href="modify.jsp">修改</a>
                            </c:if>
                            <c:if test="${loginUser.role==1 }">
                                <a href="modify.jsp">修改</a>&nbsp;|&nbsp;<a href="DoDelete?userId=${user.userId }" onclick="return confirm('确定要删除该用户吗?该操作不可恢复!')">删除</a>
                            </c:if>
                        </td>
                    </c:if>
                </tr>
            </c:forEach>
        </table>
        <c:if test="${pageNum>1 }"><a href="DoUserList?name=${name }&email=${email }&pageNum=${pageNum-1}">上一页</a></c:if>
        <c:if test="${pageNum<totalPage }"><a href="DoUserList?name=${name }&email=${email }&pageNum=${pageNum+1}">下一页</a></c:if>
        <hr/>
        <form action="DoUserList?name=${name }&email=${email }" method="post">
            <select name="pageNum">
                <c:forEach begin="1" end="${totalPage }" var="i">
                    <option value="${i }" <c:if test="${pageNum==i }">selected</c:if>>第${i }页</option>
                </c:forEach>
            </select>
            <input type="submit" value="GO"/>
        </form>
    </div>
    


    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

悬赏问题

  • ¥15 matlab数字图像处理频率域滤波
  • ¥15 在abaqus做了二维正交切削模型,给刀具添加了超声振动条件后输出切削力为什么比普通切削增大这么多
  • ¥15 ELGamal和paillier计算效率谁快?
  • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
  • ¥15 ubuntu系统下挂载磁盘上执行./提示权限不够
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误