复选框的选中传id回后端

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/vbase/init.jsp" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script src="/kms/js/jquery.js"></script>
    <script type="text/javascript" src="/vjs/base/InputMsg.js"></script>
</head>
<body>
<div class="pB">

    <%--<div id="toptitle" class="pTit">--%>
    <%--<div class="fLef"></div>--%>
    <%--<div class="fMid">标题</div>--%>
    <%--</div>--%>
    <%----%>
    <%--<!--页面菜单开始-->--%>
    <%--<div class="bBac">--%>
    <%--<div class="fMid" id="pagemenubar">--%>
    <%--<button class="btn" onclick="onSubmit()" accessKey="S">搜索 (S)</button> <!-- 搜索 -->--%>
    <%--</div>--%>
    <%--</div>--%>

    <button class="fMid" style="border:2px solid dodgerblue " onclick="deleteIds()">批量删除</button>
    <!--页面菜单结束-->

    <form action="/kms/docbase/docbasePageList.do" id="VelcroForm" name="VelcroForm" method="post">
        <input id = "currentPage" name="currentPage" type="hidden">
        <div class="lTab">
            <table class="data">
                <colgroup>
                    <col width="2%">
                    <col width="30%">
                    <col width="10%">
                    <col width="10%">
                    <col width="10%">
                    <col width="10%">
                </colgroup>
                <tr>
                    <th></th>
                    <th>标题</th>
                    <th>作者</th>
                    <th>部门</th>
                    <th>时间</th>
                    <th>分类</th>
                </tr>
                <div class="container">
                    <c:forEach items="${pageBean.recordList}" var="list">
                        <tr>
                            <td><input id="${list.id}" name="input_checkbox_users" type="checkbox" value="${list.id}"/>
                            </td>
                            <td>${list.title}</td>
                            <td>${list.username}</td>
                            <td>${list.dept}</td>
                            <td>${list.createtime}</td>
                            <td>${list.category}</td>
                        </tr>
                    </c:forEach>
                </div>


            </table>
        </div>

    </form>

</div>
    <div>
        <%@ include file="/kms/public/pagination.jsp" %>
    </div>
</body>
</html>
<script>
    function deleteIds() {
        var selectList = '';
        var ids = "";
        var objs = document.getElementsByName("input_checkbox_users");
        for (var i = 0; i < objs.length; i++) {
            if (objs[i].type == "checkbox") {
                if (objs[i].checked) {
                    selectList += objs[i].value + ",";
                }
            }
        }
        ids = selectList.substring(0, selectList.length - 1);
        if (ids.length > 0) {
            $.ajax({
                url: "/kms/docbase/DocbaseDeleteIds.do",
                data: {ids: ids},
                type: "post",
                dataType: 'json',
                success: function (data) {
                    if (data.msg == "删除成功") {
                        alert("删除成功")
                        window.location.href = "http://localhost:8080/kms/docbase/docbasePageList.do";
                    }

                }
            })
        }

    }

</script>

 

posted @ 2021-11-09 20:33  java璀璨小菜鸟  阅读(217)  评论(0)    收藏  举报