ajax提交checkbox数组到后台并接收
程序员文章站
2022-04-05 15:22:00
...
checkbox复选框是我们平时项目中经常使用到的,比如,批量删除,批量插入等等。有时候会突然忘记,好记性不如烂笔头,在这里做一下小总结。
以批量删除为例:
html
<input type="checkbox" id="checkbox" name="checkbox" value="${special.id }" />
<button type="button" onclick="specialDel()" id="specialDel" name="specialDel" class="btn btn-danger btn-sm">报告删除</button>
js
<script type="text/javascript">
function specialDel(){
var checkID=[];
$("input[name='checkbox']:checked").each(function(i){
checkID[i] = $(this).val();
});
if(checkID == null){
alert("您当前没有选择");
}else{
confirm("确认删除吗", "", function (isConfirm) {
if (isConfirm) {
$.ajax({
type : "post",
url : "manager/special/delSpecial.do",
traditional: true,
data:{'checkID':checkID},
dataType:"text",
success : function(data) {
if (data == '1') {
alert("删除成功");
setTimeout("window.location.href='${pageContext.request.contextPath }/manager/special/findAllSpecial.do'", 1500);
}else{
alert("删除失败");
setTimeout("window.location.href='${pageContext.request.contextPath }/manager/special/findAllSpecial.do'", 1500);
}
},
});
}
}, {confirmButtonText: '确认!', cancelButtonText: '取消!'});
}
}
</script>
后台
@RequestMapping(value="/delSpecial",method=RequestMethod.POST)
@ResponseBody
public int delSpecial(HttpServletRequest request){
String[] ids = request.getParameterValues("checkID");
try {
//循环
for (String id : ids) {
int i = specialService.deleteByPrimaryKey(id);
}
return 1;
} catch (Exception e) {
e.printStackTrace();
return 0;
}
}
上一篇: Vue.js实现checkbox多选
下一篇: ps中栅格化图层的快捷键是什么