checkbox全选+批量删除+AJAX

最新推荐文章于 2022-06-22 10:46:00 发布

LO-VE

最新推荐文章于 2022-06-22 10:46:00 发布

阅读量1.4k

点赞数 1

文章标签： ssm ajax checkbox 批量删除

本文链接：https://blog.csdn.net/weixin_42387547/article/details/80591658

版权

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page import="javax.servlet.http.HttpServletRequest" %>

<!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"> <link rel="stylesheet" type="text/css" href="http://121.42.154.33:80/CloudMarking/lib/bootstrap/css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="http://121.42.154.33:80/CloudMarking/css/theme.css"> <link rel="stylesheet" href="http://121.42.154.33:80/CloudMarking/lib/font-awesome/css/font-awesome.min.css"><script type="text/javascript" src="http://121.42.154.33:80/CloudMarking/js/jquery-1.12.4.min.js" ></script><script type="text/javascript" src="http://121.42.154.33:80/CloudMarking/js/common.js" ></script><script type="text/javascript" src="http://121.42.154.33:80/CloudMarking/lib/layer/layer.js" ></script><script type="text/javascript" src="http://121.42.154.33:80/CloudMarking/lib/bootstrap/js/bootstrap.js"></script><style type="text/css">table.borderTable tr{ border:1px solid #aaa; text-align:center;}table.borderTable td{ border:1px solid #aaa; text-align:center;}table.borderTable th{ border:1px solid #aaa; text-align:center;}</style><title>批量删除</title></head><body> <script type="text/javascript">var ff='';var loading;var pop;var ksdm = '23';var msg = '';var err = '';var kmdm = "";//var slyxms;window.onload = function(){ff="<%=request.getAttribute("flag")%>";if (ff!='' && null!=ff && ff!='null') {alert(ff);} /* loading = layer.load(2); */if(ksdm == '' || ksdm == undefined || ksdm == null || ksdm == 'null'){layer.alert("参数不正确，请勿非法操作！", {icon: 2},function(){ window.location.href="http://121.42.154.33:80/CloudMarking/web/manage/ksgl/kswh.jsp"; }); return;}if(err != '' && err != null && err != 'null'){$("#errorDiv").empty();$("#errorDiv").append(err);layer.open({type: 1,title: '错误信息',scrollbar: false,area:'400px',content: $("#showErr_div"),end:function(){window.location.href="http://121.42.154.33:80/CloudMarking/web/manage/ksgl/kswh_ksgl.jsp?ksdm="+ksdm;}}); return;}} function selectAll(){$("input[name='kmchk']").prop("checked",true)}function selectNone(){$("input[name='kmchk']").prop("checked",false);} function toDelete(){
layer.closeAll();

kmdm = "";

$("input[name='kmchk']:checked").each(function(){

if(kmdm!=""){
kmdm+=",";
}
kmdm+=$(this).val();

});

if(kmdm==""){
layer.alert("请先选择科目。",{icon:2});
return;
}
var msg = "您真的确定要删除吗？\n\n请确认！";
if (confirm(msg)==true){
$.ajax({
type:"GET",
url:"http://localhost:8080/project/Student/deleteKskm",
async:false,
data:"kmdm=" + kmdm,
success:function (data)
{
alert(data);
/*请求完成后刷新页面 */
window.location.reload();
return data;
}
})
}else{
return false;
}

}</script><style type="text/css">label{display:inline;}</style><ul class="breadcrumb"><li>成<span class="divider">/</span>目</li></ul><div class="container-fluid"><div class="btn-toolbar"> <button class="btn" οnclick="toDelete()">批量删除</button></div><div id="show-msg-div"></div><div class="row-fluid"> <div class="block"> <a class="block-heading" id="title_ksmc">当：</a> <div id="page-stats" class="block-body collapse in"> <table class="table"> <thead> <tr> <th style="width:100px;"><a href="javascript:void(0);" οnclick="selectAll()">全选</a> / <a href="javascript:void(0);" οnclick="selectNone()">清空</a></th> <th>考</th> <th>科</th> <th>科</th> </tr> </thead> <tbody id="table-tbody"> <c:forEach items="${kskm }" var="o" varStatus="status"><tr><td><input type="checkbox" name="kmchk" value="${o.kmid }"/></td><td>${o.ksmc }</td><td>${o.kmid }</td><td>${o.kmmc }</td></tr></c:forEach> </tbody> </table> </div></div></div></div></body><div id="import_div" style="display:none;"><div style="padding:20px;"><form id="uploadform" action="importKskm" enctype="multipart/form-data" method="post"><input type="file" name="uploadFile" id="uploadFile"/><input type="hidden" name="extName" id="extName" /><input type="hidden" name="kmdm" id="kmdm"/><hr/> </form> <br/> <button class="btn btn-primary" οnclick="upload();">导入</button>　 <button class="btn" οnclick="layer.closeAll();">关闭</button> <br/></div> </div> <div id="showErr_div" style="display:none;"> <div style="padding:20px;"><div style="width:360px;height:250px;overflow:auto;" id="errorDiv"></div><br/> <button class="btn btn-primary" οnclick="layer.closeAll();">关闭</button> <br/> </div> </div> <div id="view_div" style="display:none;"> <div style="padding:20px;"><div style="width:560px;height:350px;overflow:auto;"><table style="width:100%;" class="borderTable"><thead id="viewThead"></thead><tbody id="viewTbody"></tbody></table></div><br/> <button class="btn btn-primary" οnclick="layer.closeAll();">关闭</button> <br/> </div> </div></html>

@ResponseBody
	@RequestMapping(value="/deleteKskm",method=RequestMethod.GET)
	public Object deleteKskm(@RequestParam("kmdm")String[] kmdm,HttpServletRequest request){
		int row =0;
		System.out.println("kmid="+kmdm);
		for (String string : kmdm) {
			System.out.println("string="+string);
			row = kskmbService.deleteByKmid(Integer.valueOf(string));
		}
		if (row>0) {
			return  "删除成功";
		}else{
			return "删除失败";
		}
	}