使用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 ...
随机推荐
- ACM学习历程——UVA127 "Accordian" Patience(栈, 链表)
Description ``Accordian'' Patience You are to simulate the playing of games of ``Accordian'' patie ...
- poj1631——树状数组求LIS
题目:http://poj.org/problem?id=1631 求LIS即可,我使用了树状数组. 代码如下: #include<iostream> #include<cstdio ...
- ElementRef, @ViewChild & Renderer
ElementRef: In Angular2 Doc, it suggest to "avoid" using ElementRef. It access DOM directl ...
- 27.集成EFCore配置Client和API
copy链接字符串,这是一个官方的字符串,直接复制过来,放在上面. 添加包的引用 引入IdentityServer4.EntityFramework的命名空间 主要是这个地方初始化我们的数据库 Ope ...
- AngularJS 2.0 学习
前提: 下载和安装node.js 和 npm. https://nodejs.org/en/download/ npm安装 需要自己google 安装好之后,可以在cmd窗口中查看安装的版本 node ...
- Laravel框架之CSRF防跨站攻击
laravel框架的csrf防跨站攻击,简单的意思就是说为了防止别人自己写表单非法提交,非法绕过前台的验证,直接将数据往后台执行. 一般的网站如果没有这些安全措施,比较容易被攻击.当然了也还要有其他的 ...
- Halcon - 获取图像数据(灰度值)
在 Halcon 中,或许大部分人都知道如何通过 get_grayval 获取图像的灰度值,这条算子在获取单个像素时是比较好用的.但是当你想获取一幅大尺寸图像的一行甚至所有的灰度数据时,它就会变得很吃 ...
- 我也来Show一下我的VisualStudio2017
1.首先,在微软官方网站下载VS2017的安装程序,后续的安装将通过这个安装程序来引导.这里有三个版本可供选择:社区版.专业版和企业版,社区版免费,专业版和企业版可以免费体验,之后收费,当然,在中国盗 ...
- 分类---Logistic Regression
一 概述 Logistic Regression的三个步骤 现在对为什么不使用均方误差进行分析(步骤二的) 由上图可以看出,当距离目标很远时,均方误差移动速率也很慢,不容易得到好的结果. Discri ...
- E20190420-hm
impact n. 巨大影响; 强大作用; 撞击; 冲撞; 冲击力; v. (对某事物) 有影响,有作用; 冲击; 撞击; incident n. 发生的事情(尤指不寻常的或讨厌的); 严 ...