这是界面代码:

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. boobmarklet

    bookmarklet ,一般都称呼为小书签.它是一段 JavaScript 脚本,一般网络上的小书签都是一个链接,它的安装非常简单,只需要把链接拖到你的收藏夹里. 利用它,可以实现一些页面优化.性能 ...

  2. [转]addEventListener的第三个参数

    如果要把HTML元素的事件与某个函数绑定起来,可以有下面三种方法,以最常见的“点击”事件为例. 方法一: 直接在对应的HTML元素标签上绑定函数 ? 1 <button id='submit'  ...

  3. [RTOS]--uCOS、FreeRTOS、RTThread、RTX等RTOS的对比之特点

    本篇博客就来细数这几个RTOS的特点.   以下内容均来自官方网站或者官方手册Feature的Google翻译的加了我的一些调整,没有任何主观成分. 1. FreeRTOS   FreeRTOS是专为 ...

  4. C# 使用 MemoryStream 将数据写入内存

    转自:http://blog.csdn.net/andrew_wx/article/details/6629951 常用的MemoryStream构造函数有以下3种. 1:MemoryStream() ...

  5. echo命令的简单用法和实例

    在CentOS 6.8版本下,通过实例的形式,展现选项和参数的灵活运用,可以简明的了解echo的用法. 一.语法:echo [SHORT-OPTION]… [STRING]… :echo [选项]…[ ...

  6. 安装pillow

    最近想学Python的图像操作.首要任务就是安装pillow.这个强大的图形处理工具. 但是我遇到了一个问题. Collecting pilow  Could not find a version t ...

  7. Ubuntu&nbsp;Navicat&nbsp;for&amp;nbs…

    首先上官网上下载LINUX版本: http://www.navicat.com/download 1. 下载 navicat110_mysql_en.tar.gz 文件 2. 下载后解压tar文件 t ...

  8. ios之CoreAnimation

    CoreAnimation的好处: 1.高性能,简单的编程模块 2.像View一样,使用层级结构来构建负责的界面 3.轻量级数据结构,能使上百个动画同时执行 4.抽象的动画接口,允许动画在一个独立的线 ...

  9. Umbraco image中使用Crop URL

    需要在Umbraco 的image中使用crop URL.首先你需要取出这个image作为IPublishedContent 有以下两种方法 第一种: var imageId = Model.Cont ...

  10. 世界虽大,但没有破不了的wifi

    附加知识: 无线网卡的几种常见工作模式(mode)有: master  managed monitor ad-hoc ... 1. [master] 这种模式是常见的AP模式,无线模块本身作为wifi ...