使用js获取复选框的值,并把数组传回后台处理,过程使用的是Ajax异步查询
这是界面代码:

function shua(){
var id_array=new Array();
$('input[id="checkAll"]:checked').each(function(){
id_array.push($(this).val());//向数组中添加元素
}); //获取界面复选框的所有值
var chapterstr = id_array.join(',');//把复选框的值以数组形式存放
$.ajax({
//几个参数需要注意一下
type: "POST",//方法类型
dataType: "json",//表示的数据格式,这里是json格式
url: "<%=path%>/biz/PayServlet?m=yibu",
data:{"chapterstr":chapterstr},//表示提交数据的具体内容
success: function (bjz) {//表示服务端成功响应
alert("所需缴纳金额为:"+bjz);
//window.location.reload();//刷新界面
},
error : function() {//表示服务端响应不成功
alert("查询金额异常!");//弹框提示
window.location.reload();//刷新界面
}
});
}
这是后台servlet的代码:
private void yibu(HttpServletRequest request, HttpServletResponse response) throws SQLException {
try{
Policy policy = new Policy();
policy.cha();
Double bzj = policy.getBzj();//获取年度标准金
String[] arr= request.getParameterValues("chapterstr");//获取js传递过来的数组
PrintWriter out = response.getWriter();//建立发送对象,用于向前端发送数据
Double bzjr=0.0;//定义循环结果
if(arr==null){
bzj = 0.0;
out.println(bzj);//把计算结果发到前端
out.flush();//大概是停止发送的意思
out.close();//关闭发送对象
}else{
for(int i = 0;i<arr.length;i++){
//获取过来的数组所有值都在第一个数据里,格式为**,**,**所以需要再次转换为数组再进行金额计算
String[] values = arr[i].split(",");
for(int e = 0;e<values.length;e++){
bzjr=bzj+bzjr;
}
}
out.println(bzjr);//把计算结果发到前端
out.flush();//大概是停止发送的意思
out.close();//关闭发送对象
}
}catch(Exception e){
System.out.println("异常:"+e);
e.printStackTrace();
}
}
这是结果截图:


使用js获取复选框的值,并把数组传回后台处理,过程使用的是Ajax异步查询的更多相关文章
- 原生js获取复选框的值
obj = document.getElementsByName("dk_tj"); var longtxt = ""; for (k in obj) { ...
- 《jquery权威指南2》学习笔记------ jquery获取复选框的值
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- 获取url中的参数\+发送ajax请求根路径|+获取复选框的值
//获取url中的参数function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=( ...
- js 获取复选框 和 并改变状态
function checkAll() { var checkbox = document.getElementById('vegeids');// var boxes = document.getE ...
- js获取复选框值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- Js获取复选框checkbox的值
var emps= $("input[name='emp']:checked"); var employee= ""; emps.each(function() ...
- js获取复选框checkbox选中的多个值
<input type="checkbox" name="idd" value="111" />a <input type ...
- jquery获取复选框的值
勾选checkbox,并把勾选的值显示在某个div中 <!DOCTYPE html > <html> <head> <meta charset="U ...
- js获取复选框内容
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script sr ...
随机推荐
- [Codeforces 452E] Three Strings
[题目链接] https://codeforces.com/contest/452/problem/E [算法] 构建后缀数组 用并查集合并答案即可 时间复杂度 : O(NlogN) [代码] #in ...
- 【VS工程设置】 编译动态库,命令行添加参数,不使用预编译头,指定该项目链接 哪种 运行库
编译动态库 注意: 动态库: [目标文件扩展] => .dll + [配置类型] => 动态库(.dll) 静态库: [目标文件扩展] => .lib + [ 配置类型]=> ...
- 计算机网络HTTP、TCP/IP包
参考: TCP-IP数据包结构详解 HTTP报文格式详解 Http协议报文格式 HTTP请求/响应报文结构 [Java知识]GET和POST请求的区别
- ubuntu 下交叉编译环境的搭建
1. 安装标准的C开发环境,由于Linux安装默认是不安装的,所以需要先安装一下(如果已经安装好的话,就可以免去这一步了): #sudo apt-get install gcc g++ libgcc1 ...
- HDU - 1171 Big Event in HDU 多重背包
B - Big Event in HDU Nowadays, we all know that Computer College is the biggest department in HDU. B ...
- mysql由浅入深探究(二)----mysql用户操作
上一节我们完成了mysql的安装,现在我们将开启实战模式,完成一些基本的mysql操作.这节我们分为一些几个内容: mysql中用户新建 mysql中用户删除 mysql中用户修改 mysql中用户查 ...
- exporting
exporting: { buttons: { contextButton: { menuItems: [{ text: '导出png图片 100宽度', onclick: function () { ...
- Scipy实现图片去噪
先贴要处理的图片如下 由图片显示可知: # 图片中存在噪声点,白色的圆环# 圆环上的数据和圆环里面和外面不同,所以可以显示出肉眼可识别的图片# 波动# 存在噪声的地方,波动比较大 # 傅里叶变换可以将 ...
- 安装 Twisted 解决ImportError: No module named zope.interface错误
转自:http://blog.csdn.net/mickey_miki/article/details/7911323 步骤1:下载Twisted http://twistedmatrix.com/t ...
- TSubclassOf的一些说明
注:补充下SpawnActor的用法 TSubclassOf<AActor> TS = LoadClass<AActor>(NULL, TEXT("Blueprint ...