使用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 ...
随机推荐
- 记一次keepalived脑裂问题查找
在自己环境做keepalived+Redis实验时,当重启了备用redies机器后,发现两台redies主机都拿到了VIP [root@redis2 ~]# ip addr list 1: lo: & ...
- 优化EF的性能
Entity Framework的性能优化: 1.使用MergeOption.NoTracking (发现添加这个代码后, 导致"The object cannot be deleted ...
- Poj_1088_滑雪(DP)
一.Description(poj1088) Michael喜欢滑雪百这并不奇怪, 因为滑雪的确很刺激.可是为了获得速度,滑的区域必须向下倾斜,而且当你滑到坡底,你不得不再次走上坡或者等待升降机来载 ...
- PHP调用Python快速发送高并发邮件
1 简介 在PHP中发送邮件,通常都是封装一个php的smtp邮件类来发送邮件.但是PHP底层的socket编程相对于Python来说效率是非常低的.CleverCode同时写过用python写的爬虫 ...
- SpringMVC之一:SpringMVC原理
Spring MVC工作流程图 图一 图二 关键组件: DispatcherServlet:前端控制器,与大多数基于Java的Web框架一样, Spring MVC所有的请求都会通过一个前端 ...
- hdu 4123 Bob’s Race (dfs树上最远距离+RMQ)
C - Bob’s Race Time Limit:2000MS Memory Limit:32768KB 64bit IO Format:%I64d & %I64u Subm ...
- STL——queue
1.初始化 需要头文件<queue> queue<int>que; 2.成员函数 C++队列Queue类成员函数如下: back()返回最后一个元素 empty()如果队列空则 ...
- JavaScript中两个数组的拼接
方法一:使用for循环 var arr = ['tom', 'jerry']; var arr2 = [1, 2]; for(var i=0; i<arr2.length; i++){ arr. ...
- [UE4]C++设置AnimInstance的相关问题
注意:ue4 4.17调用LoadObject<UAnimBlueprintGeneratedClass>直接崩 http://aigo.iteye.com/blog/2285001 UA ...
- codevs2830 蓬莱山辉夜
2830 蓬莱山辉夜 题目描述 Description 在幻想乡中,蓬莱山辉夜是月球公主,居住在永远亭上,二次设定说她成天宅在家里玩电脑,亦称NEET姬一天,她要她帮忙升级月球的网络服务器,应为注 ...