js获得checkbox选中值及input后面的文本
原文:http://blog.csdn.net/u014079773/article/details/51865596
js如何获得多个checkbox选中的值及input后面所跟的文本
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>验证js获得多个checkbox选中值及input后面所跟文本</title>
<script type="text/javascript">
function clickBjjb() {
var checkboxValue= new Array();
var checkboxText= new Array();
var checkboxStr=document.getElementsByName("bjjb");
for(var i=0; i<checkboxStr.length; i++){
if(checkboxStr[i].checked){
//alert(checkboxStr[i].value+","+checkboxStr[i].nextSibling.nodeValue);
checkboxValue.push(checkboxStr[i].value);
checkboxText.push(checkboxStr[i].nextSibling.nodeValue);
}
}
//输出值和文本
alert("checkboxValue:"+checkboxValue);
alert("checkboxText:"+checkboxText);
//把获得的数据转换为字符串传递到后台
checkboxValue=checkboxValue.toString();
checkboxText=checkboxText.toString();
window.location='某Action/netWorkingUpdate?checkboxValue='+checkboxValue+"&checkboxText="+checkboxText; }
</script>
</head>
<body>
<form id="checkboxform" method="post" action="">
<input type="checkbox" name="bjjb" value="1">交通事故<br>
<input type="checkbox" name="bjjb" value="2">自然灾害<br>
<input type="checkbox" name="bjjb" value="3">恶劣天气<br>
<input type="checkbox" name="bjjb" value="4">严重违法行为<br>
<input type="checkbox" name="bjjb" value="5">路面损毁<br>
<input type="button" onclick="clickBjjb()" value="报警级别" />
</form>
</body>
</html>
后台获得参数为:
//获得的均为数组值。
String checboxValues=request.getParameter("checboxValue");
String checboxTexts=request.getParameter("checboxText");
//得到每个具体值
String checboxValue=checboxValues.split(",");
String checboxText=checboxTexts.split(",");
备注:
1:nextSibling是获得当前对象的下一个对象,nodeValue是返回一个节点的值
2:使用该方法必须保证文本值在input后面,否则checkboxStr[i].nextSibling.nodeValue获取不到文本值
js获得checkbox选中值及input后面的文本的更多相关文章
- JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 前端js获取checkbox的值
1. var old = $("#old").val(); if (old != null && old != 'undefined' && old ...
- js获取checkbox中所有选中值及input后面所跟的文本
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
- JS获取CHECKBOX的值 AND 两个CHECKBOX 循环选中
获取多选按钮的值 var chk_value = ''; $('input[data-action="checkRole"]:checked').each(function(){ ...
- 用js将CheckBox的值存入数据库和将数据库字符串的值转为数组选中CheckBox
Index @{ ViewBag.Title = "测试"; } <script src="~/Scripts/jquery-1.10.2.js"> ...
- Js得到radiobuttonlist选中值,设置默认值
JS 代码 var vRbtid=document.getElementById("rbtid"); //得到所有radio var vRbtidList= v ...
- js 获取checkbox选中项目
# //获取选中项 $('#submit').click(function () { var check_list = [] $("input[name='ck']:checked" ...
- js限制checkbox选中个数
今天在做项目时,碰到一个问题,我须要展示多个checkbox复选框,而仅仅能同意最多选6个.调试了老半天.最终出来了,代码例如以下: <SCRIPT LANGUAGE="JavaScr ...
- JS获取Dropdownlist选中值
var dropDownList = document.getElementById("ddl_sheng"); //获取DropDownList控件 var dropDownLi ...
随机推荐
- Artwork Gym - 101550A 离线并查集
题目:题目链接 思路:每个空白区域当作一个并查集,因为正着使用并查集分割的话dfs会爆栈,判断过于复杂也会导致超时,我们采用离线反向操作,先全部涂好,然后把黑格子逐步涂白,我们把每个空白区域当作一个并 ...
- poj 2718 切数问题 穷竭搜索
题意: 给一个已经排序号的数字,从中间切一刀,成两个数,要求这两个数的差最小 思路:暴力比较差最小值 stl中的next_permutation()函数进行排列 注意:这个函数必须从小到大才可以排序 ...
- 《变革之心》读后感——《Scrum实战》第2次课作业
刚读了几篇序言.导言和第一个故事,因此读后感可能不全面,先写一下一点儿感受吧. <变革之心>讲的是组织变革,而组织变革是以个人变革为基础的,本书的观点就是在个人变革上,“目睹--感受--变 ...
- python面试题解析(数据库和缓存)
1. 答: 关系型数据库:Mysql,Oracel,Microsoft SQL Server 非关系型数据库:MongoDB,memcache,Redis. 2. 答: MyI ...
- iOS开发~CocoaPods安装和使用
随着 iOS 开发者的增多,业界也出现了为 iOS 程序提供依赖管理的工具,它的名字叫做:CocoaPods. CocoaPods项目的源码 在 Github 上管理.该项目开始于 2011 年 8 ...
- 03_HibernateSessionFactory源码分析
文章导读: 讲解了一个线程为什么要使用同一个connection, 我们分析了HiberatenSessionFactory的实现机制, 然后根据Hibernate的写法重构了我们的代码. 最后测试可 ...
- google浏览器audits
功能翻译 audits,审计 Audits help you identify and fix common problems that affect your site'sperformance,a ...
- onclick跳转到其他页面的几种方式
如果是本页显示可以直接用location,方法如下: ①onclick="javascript:window.location.href='URL'" ②onclick=" ...
- 模拟select框
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 卡牌游戏(bzoj 3191)
Description N个人坐成一圈玩游戏.一开始我们把所有玩家按顺时针从1到N编号.首先第一回合是玩家1作为庄家.每个回合庄家都会随机(即按相等的概率)从卡牌堆里选择一张卡片,假设卡片上的数字 ...