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. Maven pom.xml详解（转）

    pom文件总体结构 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www ...

  2. flask 操作数据时，db的要在app.config设置之后声明：如app.config['SQLALCHEMY_DATABASE_URI']

    flask 操作数据时,db的要在app.config设置之后声明:如app.config['SQLALCHEMY_DATABASE_URI'] 否则,运行程序时app.config里面做的设置就不会 ...

  3. ASP.NET Core免费（视频）教程汇总

    最近才开始学习ASP.NET Core,发现社区的学习资料很多,但是相关的视频教程不是很多,52ABP官方有两个视频教程,但是ABP框架比较臃肿,初学者学起来有点吃力,所以还是推荐大家先啃书或者官方文 ...

  4. Python数据分析Numpy库方法简介(一)

    Numpy功能简介: 1.官网:www.numpy.org 2.特点:(1)高效的多维矩阵/数组; (2);复杂的广播功能 (3):有大量的内置数学统计函数 矩阵(多维数组): 一维数组:  ([ 值 ...

  5. Link-Cut-Tree详解

    图片参考YangZhe的论文,FlashHu大佬的博客 Link-Cut-Tree实际靠的是实链剖分,重链剖分和长链剖分珂以参考树链剖分详解 Link-Cut-Tree将某一个儿子的连边划分为实边,而 ...

  6. PHP实现简单发红包（随机分配，平均分配）

    最近碰到一些情况,把思路重新整理了一下,敲出代码.记下来,以后可以借鉴,进一步优化等. 大致的思路:红包主要分两种,一种是平均分配,一种是随机分配. 1.平均分配 平均分配相对好理解,只要把钱平均分给 ...

  7. 使用Log4j2实现日志输出

    一.说明 如果是使用slf4j规范的,请先引用: <!-- https://mvnrepository.com/artifact/org.apache.logging.log4j/log4j-s ...

  8. HDU4745--区间DP+回文串

    这题的题意为,给你一个环状的字符串,有两只兔子分别从某任意的石头上开始跳跃.一只顺时针跳.一只逆时针跳.两只兔子每一次落脚处石头的质量都相同.兔子要一步一步的跳,且不能跳到之前跳到过的地方.总的来说, ...

  9. linux下使用maven修改hbase源码并重新编译

    一.准备 maven已配置 JDK已配置 二.修改相关hbase代码 三.使用maven编译hbase-2.0.0 在hbase src根目录下,执行以下命令 mvn clean package -D ...

  10. mysql utf8mb4 设置

    [mysqld]collation-server=utf8mb4_general_ciinit-connect='SET NAMES utf8mb4'character-set-server=utf8 ...