js获取checkbox被选中的value值
来源:互联网 发布:日本黑科技 知乎 编辑:程序博客网 时间:2024/05/29 15:36
js获取选中checkbox的value:
$("input[type='checkbox']:checked").value;
js获取选中checkbox的旁边的文本:
$("input[type='checkbox']:checked").nextSibling.nodeValue;
解释:
nextSibling是获得当前对象的下一个对象
nodeValue是返回一个节点的值
例:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script src="jquery.min.js" type="text/javascript"></script>
<script>
function chk(){
var str=$("input[type='checkbox']:checked");
var objarray=str.length;
var chestr="";
var nextStr = "";
for (i=0;i<objarray;i++)
{
if(str[i].checked == true)
{
chestr+=str[i].value+",";
nextStr+=str[i].nextSibling.nodeValue;
}
}
alert(chestr+"---"+nextStr);
}
</script>
</head>
<body>
<input id='chk' name='chk' type='checkbox' value='A'/>AA
<input id='chk' name='chk' type='checkbox' value='B'/>BB
<input id='chk' name='chk' type='checkbox' value='C'/>CC
<input id='chk' name='chk' type='checkbox' value='D'/>DD
<input id='chk' name='chk' type='checkbox' value='E'/>EE
<input id='chk' name='chk' type='checkbox' value='F'/>FF
<input type='button' value='btn' onclick='chk();'/>
</body>
</html>
- js获取checkbox被选中的value值
- 使用JQuery获取被选中的checkbox的value值
- JS获取DropDownList 选中值的value
- Jquery遍历checkbox获取选中项value值的方法
- 如何获取radio checkbox的选中value
- js获取所有被选中的checkbox值
- js获取checkbox的value
- JS获取下拉框被选中的value值
- js取得gridview中获取checkbox选中的值
- js取得gridview中获取checkbox选中的值
- js取得gridview中获取checkbox选中的值
- js取得gridview中获取checkbox选中的值
- radio\checkbox\select用js\jq获取选中的值
- js获取DropDownList的选中项的value值
- 获取checkbox选中的值
- 获取checkbox的选中值
- js获取一组checkbox的value
- 解决checkbox未选中,无法获取其value值的方法
- 鲜为人知的Multipeer Connectivity(部分转载)
- 【CSS笔记】关于css的各种新旧选择器和伪类和伪元素
- 多播(组播)
- DR(Direct Routing)介绍
- 共同学习Java源码--常用数据类型--String(二)
- js获取checkbox被选中的value值
- 【真题索引】2016/03/22知识点整理
- 回顾Java中被遗忘的细节(四)
- MX3无法连接电脑,更换尾插
- lua入门系列
- 面试题59:二叉树序列化
- LINK : fatal error LNK1104: 无法打开文件“gdi32.lib”
- 爬虫 Cookie 学习
- bootstraps对于低于IE9版本的支持