这是界面代码:

​

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异步查询的更多相关文章

  1. 原生js获取复选框的值

    ​​ obj = document.getElementsByName("dk_tj"); var longtxt = ""; for (k in obj) { ...

  2. 《jquery权威指南2》学习笔记------ jquery获取复选框的值

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  3. 获取url中的参数\+发送ajax请求根路径|+获取复选框的值

    //获取url中的参数function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=( ...

  4. js 获取复选框 和 并改变状态

    function checkAll() { var checkbox = document.getElementById('vegeids');// var boxes = document.getE ...

  5. js获取复选框值

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  6. Js获取复选框checkbox的值

    var emps= $("input[name='emp']:checked"); var employee= ""; emps.each(function() ...

  7. js获取复选框checkbox选中的多个值

    <input type="checkbox" name="idd" value="111" />a <input type ...

  8. jquery获取复选框的值

    勾选checkbox,并把勾选的值显示在某个div中 <!DOCTYPE html > <html> <head> <meta charset="U ...

  9. js获取复选框内容

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script sr ...

随机推荐

  1. BZOJ3196:二逼平衡树

    浅谈树状数组与线段树:https://www.cnblogs.com/AKMer/p/9946944.html 浅谈\(Splay\):https://www.cnblogs.com/AKMer/p/ ...

  2. jquery中attr() & prop() 的区别与其实现方法

    $(function(){ $('#check').attr('checked'); // undefind ???一头雾水 }) 在jquery中 attr 本来就是用来设置或者获取属性的,可是上面 ...

  3. ClientSocket.h ClientSocket.cpp

    ClientSocket.h #pragma once // CClientSocket 命令目标 #include "ClientProDlg.h" #include " ...

  4. a possible low-level optimization

    http://www.1point3acres.com/bbs/thread-212960-1-1.html 位的vector<int> counts,遍历nums,然后counts[nu ...

  5. 条款39:明智而审慎的使用private继承

    Use private inheritance judiciously. 如果classes之间的继承关系是private,编译器不会自动将一个derived class对象转换为一个base cla ...

  6. day1 java基础

    常见的dos命令 盘符: 进入指定的盘符下. dir : 列出当前目录下的文件以及文件夹 md : 创建目录 rd : 删除目录    注意:rd不能删除非空的文件夹,而且只能用于删除文件夹. cd ...

  7. 微信小程序开发之日期组件

    一: wxml: <view class="navbarlift" style="background:#ffffff;padding:20rpx"> ...

  8. matlab新手入门(三)(翻译)

    数组索引 MATLAB®中的每个变量都是一个可以容纳多个数字的数组.当您要访问阵列的选定元素时,请使用索引.例如,考虑4乘4A: A = magic(4) A =    16 2 3 13     5 ...

  9. Linux/Unix中的命令提示符prompt

    用惯了DOS的伙计刚用Unix时最想干的事情就是想把Unix搞得像DOS一些, 其中的一条就是把Unix的提示符设置成$p$g那样的.下面就说一说做的方法. 不同的SHELL设置的方法不同,比较方便的 ...

  10. Updatepanel 中使用 Timer 控件 失去焦点问题

    在Update Panel 中 如果使用timer 定时刷新数据,会造成textbox 或者其他控件的焦点丢失问题. 所以 text box 不能和timer 放在同一个Updatepanel 中. ...