js中怎么获取checkbox选中的值
2016-03-24 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
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="提交" />
<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="提交" />
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
有两种方法：
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>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
