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

时间:2020-12-15 00:19:51

这是界面代码:

使用js获取复选框的值,并把数组传回后台处理,过程使用的是Ajax异步查询使用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获取复选框的值,并把数组传回后台处理,过程使用的是Ajax异步查询

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

使用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中的参数&bsol;&plus;发送ajax请求根路径&vert;&plus;获取复选框的值

    //获取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. flexbox简介

    flexbox简介 什么是flexbox flexbox是一种新的布局方式,这种布局方式是2009年W3C提出的方案.它可以简便,完整,完成页面的布局.目前,它已经得到所有浏览器的支持. 但是flex ...

  2. 【Reporting Services 报表开发】— 交互式报表

    我们知道,界面是人与系统间的对话方式,当使用者面对的是冷冰冰的界面,不但会造成使用者对于系统的热情减低,也会因为不便而产生诸多抱怨.尤其像报表时企业内几乎每日都会使用到的工具,因此,如何让使用者可以再 ...

  3. 打开SDK Manager检查Android SDK下载和更新失败的解决方法

    [故障描述] 打开SDK Manager检查Android  SDK状况,出现以下情况: Failed to fetch URL https://dl-ssl.google.com/android/r ...

  4. K短路

    K短路 用dijsktra+A*启发式搜索当点v第K次出堆的时候,这时候求得的路径是k短路.A*算法有一个启发式函数f(p)=g(p)+h(p), 即评估函数=当前值+当前位置到终点的最短距离g(p) ...

  5. C&num; Json处理日期和Table

    using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Ru ...

  6. HTTP和HTTPS协议

    网络协议为计算机网络中进行数据交换而建立的规则.标准或约定的集合. URL:就是网址.http://www.hcios.com/archives/1547 URL就是资源的地址,位置.互联网上的每一个 ...

  7. fedora25的nfs文件系统搭建

    关于NFS的原理介绍可以参考这篇文章:http://blog.51cto.com/atong/1343950 1> nfs服务端 安装nfs工具包和rpcbind包 dnf install nf ...

  8. Breaking Down Type Erasure in Swift

    Type Erasure Pattern We can use the type erasure pattern to combine both generic type parameters and ...

  9. MyEclipse的破解和汉化方法

    一.安装和破解 我的MyEclipse是从官网下的正版软件,在其他地方下载的版本同理. 官方下载地址(需FQ): http://www.myeclipseide.com/module-htmlpage ...

  10. cmd无法输入中文解决方案

    1.regedit 2.选中HKEY_CURRENT_USER-Console,找到LoadConIme,双击,设置值为1,十六进制 3.此时应该已经ok了.如还不行,看一下%systemroot%\ ...