js中怎么获取checkbox选中的值
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中怎么获取checkbox选中的值相关的知识,希望对你有一定的参考价值。
js中获取checkbox选中的值的方法:<script>
function checkbox()
var str=document.getElementsByName("box");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
if(str[i].checked == true)
chestr+=str[i].value+",";
if(chestr == "")
alert("请先选择一个爱好");
else
alert("先择的是:"+chestr);
</script>
选择爱好:
<input type="checkbox" name="box" id="box1" value="跳水" />跳水
<input type="checkbox" name="box" id="box2" value="跑步" />跑步
<input type="checkbox" name="box" id="box3" value="听音乐" />听音乐
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" /> 参考技术A
有两种方法:
1、方法一HTML结构如下:
2、方法二javascript代码如下:
3、显示效果如下:
js获得多个checkbox选中的值的方法:
一、代码如下:
二、后台获得参数为:
//获得的均为数组值:
String checboxValues=request.getParameter("checboxValue");
String checboxTexts=request.getParameter("checboxText");
//得到每个具体值:
String checboxValue=checboxValues.split(",");
String checboxText=checboxTexts.split(",");
三、备注:
nextSibling是获得当前对象的下一个对象,nodeValue是返回一个节点的值
使用该方法必须保证文本值在input后面,否则checkboxStr[i].nextSibling.nodeValue获取不到文本值
代码示例
<head id="Head1" runat="server">
<title>ViewPage1</title>
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function()
$(".chk").click(function()
var aa = document.getElementsByName("chk");
var ss = "";
for (var i = 0; i < aa.length; i++)
if (aa[i].checked)
ss += aa[i].value;
$("#txt").val(ss);
);
)
</script>
</head>
<body>
<div>
<input type="checkbox" name="chk" class="chk" rel="Reason" value='你大爷的' />你大爷的<br />
<input type="checkbox" name="chk" class="chk" rel="Reason" value='你滚犊子的' />你滚犊子的<br />
<input type="checkbox" name="chk" class="chk" rel="Reason" value='你全家的' />你全家的
<input type="text" id="txt" />
</div>
</body>
如何在cs文件中获取已选中Table中的checkbox所在行其他列的值
Table 中的行可以先 得到选中CheckBox的值,然后去循环改行其他列的值;既然是Table那肯定可以用js来实现了!jquery脚本如下:
$("#Table1 tr").each(function(i)
if($(this).find("td:gt(0) checkbox:checked").style.checked=="true")
var txt="";//其它列的值
txt=$(this).next().text();
); 参考技术A 太复杂了,你用GridView,提交的时候会自动读取行中所有cell的数据的
以上是关于js中怎么获取checkbox选中的值的主要内容,如果未能解决你的问题,请参考以下文章