HTML+JavaScript代码：

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>选择复选框</title>

         <!--导入jQuery包-->

         <script type="text/javascript" src="js/jquery-1.6.js" ></script>

     </head>

     <body>

         <!--

             保持同样的name属性，

             value属性仍然可以使用 <%#Eval("id")%>

             这里直接写上作为例子

         -->

         <input type="checkbox" name="checkbox1" runat="server" value="1001" />1001<br />

         <input type="checkbox" name="checkbox1" runat="server" value="1002" />1002<br />

         <input type="checkbox" name="checkbox1" runat="server" value="1003" />1003<br />

         <input type="checkbox" name="checkbox1" runat="server" value="1004" />1004<br />

         <!--删除按钮，显示选择的复选框的value属性值-->

         <button id="btndelete">删除</button>

         <br />

             后台使用ASP:

             <pre>

             //获取String类型的，用逗号分隔

             String str=Page.Request["deleteId"];

             //截取为数组

             String[] delIds=str.split(',');

             //转换为int,数组长度一致

             int[] newDelIds=new int[delIds.length];

             for(int i=0;i<delIds.length;i++){

                 //执行强转

                 newDelIds[i]=Integer.parseInt(delIds[i]);

             }

             </pre>

     </body>

     <script>

         //所有的复选框控件，通过名字属性获取

         var checkboxObjs = document.getElementsByName("checkbox1");

         //删除按钮绑定事件

         $("#btndelete").click(function() {

             //定义存储value的数组,初始为空

             var delVals = [];

             //找出选中复选框的值

             for(var i = 0; i < checkboxObjs.length; i++) {

                 var checkboxObj = checkboxObjs[i]; //遍历的复选框元素

                 //判断是否有选中

                 if(checkboxObj.checked) {

                     //选中的value值添加到数组中

                     delVals.push(checkboxObj.value);

                 }

             }

             //for循环结束，先打印获取的value是否正确。

 //            alert(delVals);

             //判空

             if(delVals.length<=0){

                 alert("请选择");

             }else{

                 //执行Ajax提交

                 $.ajax({

                     url:"",

                     type:"POST",

                     traditional: true,//阻止深度序列化,必写

                     data:{

                         //删除的value数组

                         "deleteId":delVals

                     },

                     success:function(data){

                         //回调函数

                     }

                 });

             }

         });

     </script>

 </html>

[Ajax] 如何使用Ajax传递多个复选框的值的更多相关文章

  1. 复选框的全选+全不选+ajax传递复选框的value值+后台接受复选框默认值

    1.html代码 <!--全选框/全不选--> <input type="checkbox" name="all" id="all& ...

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

    这是界面代码: ​ function shua(){             var id_array=new Array();         $('input[id="checkAll& ...

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

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

  4. Web版需求征集系统所得1，servlet中获取checkbox复选框的值

    servlet中获取checkbox复选框的值 </tr> <tr> <td align="right">研究类型</td> < ...

  5. mui开发中获取单选按钮、复选框的值

    js获取单选按钮的值 function getVals(){ var res = getRadioRes('rds'); if(res == null){mui.toast('请选择'); retur ...

  6. iCheck获取单选和复选框的值和文本

    //获取单选和复选框的值//parameters.type:"radio","checkbox"//parameters.name:input-name//pa ...

  7. jquery怎样获取多个复选框的值？

    jquery的遍历方法可以获取复选框所欲的选中值 1 2 $("input:checkbox:checked").each(function(index,element));    ...

  8. 在Servlet端获取html页面选中的checkbox值，request获取页面checkbox（复选框）值

    html端代码: 选项框: <input type="checkbox" name="crowd" value="选项一">选项 ...

  9. 帆软报表（finereport） 复选框多值查询

    定义数据集 SELECT * FROM 库存 设计模板 设置控件:控件名称 XX  要与 单元格中 取值公式  =$XX   对应,控件值可更改 下拉复选框控件: 设置控件名称(与模板中=$选仓库  ...

随机推荐

  1. (Review cs231n) Optimized Methods

    Mini-batch SGD的步骤: 1.Sample a batch of data 2.Forward prop it through the graph,get loss 3.backprop ...

  2. input 只能输入数字、字母、汉字等

    1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafte ...

  3. 关于django1.8版本的静态文件配置

    环境:Python3.5.4,django1.8.1. 在页面使用js时,总是提示404找不到js文件. 于是,看看了settings文件 好像也没什么毛病.导入的方式也换了很多种,总是不行,于是只好 ...

  4. Redis学习-list数据类型

    list类型是一个链表结构,主要功能有push,pop等.而且list是一个双向链表,可以通过相关操作进行集合的头部或者尾部添加,删除元素. lpush key string 在key对应的list的 ...

  5. 2018-2019-1 20189206 《Linux内核原理与分析》第八周作业

    #linux内核分析学习笔记 --第七章 可执行程序工作原理 学习目标:了解一个可执行程序是如何作为一个进程工作的. ELF文件 目标文件:是指由汇编产生的(*.o)文件和可执行文件. 即 可执行或可 ...

  6. 2018.9.25 NOIP模拟赛

    *注意:这套题目应版权方要求,不得公示题面. 从这里开始 Problem A XOR Problem B GCD Problem C SEG 表示十分怀疑出题人水平,C题数据和标程都是错的.有原题,差 ...

  7. UVA11992 Fast Matrix Operations

    思路 注意到最多20行,拆成20颗线段树即可 注意set标记清空左右儿子的add,不要清空自己的add,因为这个set操作之后可能还有add存在这个节点上 代码 #include <cstdio ...

  8. HAOI 2018 染色（容斥+NTT）

    题意 https://loj.ac/problem/2527 思路 设 \(f(k)\) 为强制选择 \(k\) 个颜色出现 \(s\) 种,其余任取的方案数. 则有 \[ f(k)={m\choos ...

  9. C/C++.【转】解析URL的转义字符百分比(%)字符串

    1.来自:[HTTP]_[C_C++]_[解析URL的转义字符百分比字符串] - 猪一戒 - 博客园.html(http://www.cnblogs.com/zhuyijie/p/6465303.ht ...

  10. C# --- ??(空接合操作符)的一个案例

    Nullable<Int32> x = null; Nullable<Int32> y = null; Nullable<Int32> z = null; Int3 ...