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. vue mand-mobile ui Stepper步进器默认值传字符串进去不起作用

    vue mand-mobile ui Stepper步进器默认值传字符串进去不起作用 Stepper 步进器 的默认值有没有弄过的,看了组件只能默认数字的,传字符串进去不起作用<div slot ...

  2. CSS中一个冒号和两个冒号有什么区别

    一个冒号是伪类,两个冒号是伪元素 伪类可以独立于文档的元素来分配样式,且可以分配给任何元素,逻辑上和功能上类类似,但是其是预定义的.不存在于文档树中且表达方式也不同,所以叫伪类.伪元素所控制的内容和一 ...

  3. Mysql error 1317导致从库复制断开

    环境 :Percona Server for MySQL 5.5.18 1. 报错日志: 171212 19:59:58 [ERROR] Slave SQL: Query partially comp ...

  4. 论文笔记：Concept Mask: Large-Scale Segmentation from Semantic Concepts

    Concept Mask: Large-Scale Segmentation from Semantic Concepts 2018-08-21 11:16:07 Paper:https://arxi ...

  5. 如何使用JavaScript UI控件（WijmoJS）构建Electron应用程序

    概述 What is Electron? Electron是一个使用JavaScript.HTML和CSS构建跨平台桌面应用程序的框架. 您可以将Electron与纯JavaScript或您选择的Ja ...

  6. Memcache_分布式缓存

    一. Memcache简介 1. 什么要用到Memcache以及该能解决什么问题 高并发访问数据库的痛楚:死锁! 磁盘IO之痛 多客户端共同缓存 NET+Memory>>IO 读写性能完美 ...

  7. java笔记 -- java简单结构代码解析及注释

    结构代码解析 public class FirstSample { public static void main(String[] args) { System.out.println(2.0-1. ...

  8. springboot启动配置原理之一（创建SpringApplication对象）

    几个重要的事件回调机制 配置在META-INF/spring.factories ApplicationContextInitializer SpringApplicationRunListener ...

  9. google sitemap

    引言 刚开始以为要一个绿色快速通道网页,涵盖常用的地址链接,以便于google的爬虫统计数据,然后看了google sitemap站点文档,原来站点地图是一种文件,您可以通过该文件列出您网站上的网页, ...

  10. Java中如何设置表格处于不可编辑状态

    代码片段如下: 这样的话就可以将表格设置为不可编辑状态