[Ajax] 如何使用Ajax传递多个复选框的值
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传递多个复选框的值的更多相关文章
- 复选框的全选+全不选+ajax传递复选框的value值+后台接受复选框默认值
1.html代码 <!--全选框/全不选--> <input type="checkbox" name="all" id="all& ...
- 使用js获取复选框的值,并把数组传回后台处理，过程使用的是Ajax异步查询
这是界面代码: function shua(){ var id_array=new Array(); $('input[id="checkAll& ...
- 获取url中的参数\+发送ajax请求根路径|+获取复选框的值
//获取url中的参数function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=( ...
- Web版需求征集系统所得1，servlet中获取checkbox复选框的值
servlet中获取checkbox复选框的值 </tr> <tr> <td align="right">研究类型</td> < ...
- mui开发中获取单选按钮、复选框的值
js获取单选按钮的值 function getVals(){ var res = getRadioRes('rds'); if(res == null){mui.toast('请选择'); retur ...
- iCheck获取单选和复选框的值和文本
//获取单选和复选框的值//parameters.type:"radio","checkbox"//parameters.name:input-name//pa ...
- jquery怎样获取多个复选框的值？
jquery的遍历方法可以获取复选框所欲的选中值 1 2 $("input:checkbox:checked").each(function(index,element)); ...
- 在Servlet端获取html页面选中的checkbox值，request获取页面checkbox（复选框）值
html端代码: 选项框: <input type="checkbox" name="crowd" value="选项一">选项 ...
- 帆软报表（finereport） 复选框多值查询
定义数据集 SELECT * FROM 库存 设计模板 设置控件:控件名称 XX 要与 单元格中 取值公式 =$XX 对应,控件值可更改 下拉复选框控件: 设置控件名称(与模板中=$选仓库 ...
随机推荐
- Docker 部署 portainer
Docker 部署 portainer 环境: docker 版本 :18.09.1 主机地址:192.168.1.81 一.部署 porttainer 1.修改docker配置文件,开放端口. vi ...
- 【题解】Luogu P2472 [SCOI2007]蜥蜴
原题传送门 题目要求无法逃离的最少有多少 直接做肯定不好做,我们帮题目变一个说法:最多能逃离多少 这个询问一看就是最大流 考虑如何建图: 1.将S和每一个有蜥蜴的点连一条流量为1的边(每个蜥蜴只能用1 ...
- Java解决异常之try、catch、finally、throw、throws&log4j记录日志步骤
知识点一.多重catch引发多种类型的异常排列catch 语句的顺序:先子类后父类 发生异常时按顺序逐个匹配只执行第一个与异常类型匹配的catch语句二.异常分类异常分为运行时异常和检测异常运行时异常 ...
- vector、map 判断某元素是否存在、查找指定元素
一.vector 1.判断某元素是否存在 vector<string> vStr; int nRet = std::count(vStr.begin(), vStr.end(), &quo ...
- spring boot 2整合mybatis
mybatis-spring-boot-starter主要有两种解决方案,一种是使用注解,一种是使用XML. 参考这篇文章动手跑了一个例子,稍微不同之处,原文是spring boot,这里改成了spr ...
- JS开发工具WebStorm使用快捷键
快捷键可以提高开发效率,最好用的就是这些! 代码编辑 Ctrl + d 复制整行 Ctrl + '-/+' 模块折叠 Ctrl + [ ] 括号匹配 Ctrl + F12 结构展示 Shif ...
- _rank
命令 ._add rank 1000 自定义等级 `level` 等级 `name`等级描述 `prefix` 前缀名称 `gossipText` 菜单显示 `meetValue` 达到值就升级 `r ...
- Cordova结合Vue学习Camera
简单聊两句 学习Vue+Cordova打包编译App,首先你要安装Cordova与vue,在这里本人就不说明了,自行看文档与搜索相关资料. Cordova中文官网地址 Vue中文官网地址 第一步:首先 ...
- 第一个Python窗体程序
新建ui_MainWindow.py文件 # encoding: UTF-8 # Qt相关和十字光标 from PyQt4.QtGui import * from PyQt4.QtCore impor ...
- 第 8 章 容器网络 - 065 - 容器在 Weave 中如何通信和隔离？
首先在host2 执行如下命令: weave launch 10.12.31.22 这里必须指定 host1 的 IP 10.12.31.22,这样 host1 和 host2 才能加入到同一个 we ...