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. P1744 采购特价商品 最短路径

    P1744 采购特价商品 图论-----最短路径算法 弗洛伊德算法  O(n^3) 代码: #include<iostream> #include<cstdio> #inclu ...

  2. C#中抽象类和接口的区别与使用

    一.抽象类: 抽象类是特殊的类,只是不能被实例化:除此以外,具有类的其他特性:重要的是抽象类可以包括抽象方法,这是普通类所不能的.抽象方法只能声明于抽象类中,且不包含任何实现,派生类必须覆盖它们.另外 ...

  3. 0.1：Why are We Addicted to Games

    文章著作权归作者所有.转载请联系作者,并在文中注明出处,给出原文链接. 本系列原更新于作者的github博客,这里给出链接. 前言 本系列仅用于记录并分享自己的学习过程,以及学习过程中遇到的问题,如有 ...

  4. Python Kivy writes / read the file on the SD card

    Path to SD card from jnius import autoclass # SDcard Android # Get path to SD card Android try: Envi ...

  5. 【题解】JSOIWC2019 Round2

    题面: 题解: T1: 毕竟是tg膜你,不会太难 就是一道简单贪心 首先,对于a<=b的所有物品,一定是贪心的按照a从小到大放入. 先假设剩下的物品可以按照某种顺序放进去,那么可以得到一个最终空 ...

  6. pageUtil分页工具

    分页工具: https://www.cnblogs.com/ggq-insist-qiang/articles/10095603.html

  7. Sql语句中IN和exists的区别及应用

    表展示 首先,查询中涉及到的两个表,一个user和一个order表,具体表的内容如下: user表: order表: in 确定给定的值是否与子查询或列表中的值相匹配.in在查询的时候,首先查询子查询 ...

  8. js没有函数重载

    上面这道题,要求判断输出的y和z分别为什么 一开始,我选择了2,4 后来发现答案是4,4 意识到js中没有函数重载!!!即使声明了两个同名函数,结果也是后面的函数覆盖了前一个函数. 而且函数声明会提升 ...

  9. 使用 R 语言挖掘 QQ 群聊天记录

    1.获取数据 从 QQ 消息管理器中导出消息记录,保存的文本类型选择 txt 文件.这里获取的是某群从 2016-04-18 到 2016-05-07 期间的聊天记录,记录样本如下所示. 消息记录(此 ...

  10. sublime text 3 显示空格和Tab

    tab对于需要 共享 的代码而言是灾难. pyhton对这点的明确要求是不要混合使用4个空格和tab键. 只使用二者之一,都是没有问题的.如果一个python代码已经完成的部分,都是使用的4个空格.那 ...