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. java输入输出流（I/O）总结

    io流的 四个基本类 java.io包中包含了流式I/O所需要的所有类.在java.io包中有四个基本类:InputStream.OutputStream及Reader.Writer类,它们分别处理字 ...

  2. 星型数据仓库olap工具kylin介绍和简单使用示例

    本文转载自:https://www.cnblogs.com/hsydj/p/4515057.html 星型数据仓库olap工具kylin介绍 星型数据仓库olap工具kylin介绍 数据仓库是目前企业 ...

  3. java之代码复用

    1.通用查询修改方法 2.通用查询修改方法接口

  4. 不同路由器下远程ssh登录Beaglebone系统（通过路由器端口转发，配合花生壳的DDNS功能）

    使用场景: 一般家庭设备都是通过路由器中转连上互联网的,而且运营商给家庭宽带分配的IP地址也是动态的.随时可能变动的.所以当程序员们离开家之后,是很难直接和家里的设备进行交互的.但是通过TPLINK路 ...

  5. Eclipse创建Maven Web项目后更改Servlet版本

    Eclipse创建Maven Web项目后更改Servlet版本 1.场景基于Eclipse通过maven-archetype-webapp原型创建一个Web项目后,其默认Servlet版本是2.3, ...

  6. spring mvc 的上传图片是怎么实现的？

    spring mvc 的上传图片是怎么实现的? 导入jar包,commons-io.jar 及 commons-fileupload.jar 在springmvc的配置文件中配置Mutipart解析器 ...

  7. Codeforces 1045B Space Isaac - 数论 - Hash

    题目传送门 传送门I 传送门II 传送门III 题目大意 给定将$\left \{ 0, 1, \dots, m - 1\right \}$分成了不相交的两个非空集合$A$和$B$,给定$A$,问存在 ...

  8. onchange 事件

    Event 对象 定义和用法 onchange 事件会在域的内容改变时发生. 语法 onchange="SomeJavaScriptCode" 参数 描述 SomeJavaScri ...

  9. 【新特性】JDK1.5

    一.自动装箱与拆箱: 自动装箱的过程:每当需要一种类型的对象时,这种基本类型就自动地封装到与它相同类型的包装中. 自动拆箱的过程:每当需要一个值时,被装箱对象中的值就被自动地提取出来,没必要再去调用i ...

  10. Vue监听属性的变化

    监听属性的变化watch: { counter: function (nval, oval) { alert('计数器值的变化 :' + oval + ' 变为 ' + nval + '!') }}