<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>本回答被网友采纳
js获取多选框被选中的值(js获取选中的单选按钮)
js怎么取得name=checkbox[]的复选框选中个数利用name属性值获取checkbox对象，然后循环判断checked属性，true表示被选中，false表示未选中。首先用document.getElementsByName()这个方法，通过input标签的name属性将input元素获取，并存进obj这个变量值中。然后建一个check_val的数组，通过for循环将input标签的valu...
在js中怎样获得checkbox里选中的多个值?
利用name属性值获取checkbox对象，然后循环判断checked属性，true表示被选中，false表示未选中。1、HTML结构：2、javascript代码：3、演示效果：
js中怎么获取checkbox选中的值
选择爱好：跳水 跑步 听音乐
在js中怎样获得checkbox里选中的多个值?
大致思路就是：先利用name属性值获取checkbox对象，然后循环判断checked属性。（true表示被选中，false表示未选中）具体解释一下：首先用document.getElementsByName()这个方法，通过input标签的name属性将input元素获取，并存进obj这个变量值中。然后建一个check_val的数组，通过for循环将input标签的value值存入数...
javascript如何获取checkbox值并且计算?
js获得多个checkbox选中的值的方法：一、代码如下：二、后台获得参数为：\/\/获得的均为数组值：String checboxValues=request.getParameter("checboxValue");String checboxTexts=request.getParameter("checboxText");\/\/得到每个具体值：String checboxValue=checboxValues.split(",");String checboxText=checbox...
JSP中如何获取radio 或checkbox的值
1、首先新建一个html文件，命名为test.html，在test.html文件内，在p标签内，使用input标签创建三个checkbox选项用于测试。2、在test.html文件内，使用button标签创建一个按钮，按钮名称为“获得checkbox选中数量”。3、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getnum（）...
JSP中如何获取checkbox的状态(选中或非选中)?
（1）input的checked是一个html属性，checked的值没有意义，只不过各个版本对HTML的属性值写法规定不同才有了checked="value"这种写法，只要有checked就表示页面在加载的时候checkbox被选中，没有写就页面加载的时候checkbox就不被选中。（2）同一个页面中用js获取checkbox是否选中：document.getElementById("...
如何用js读取复选框的值?
思路：首先利用name属性值获取checkbox对象，然后循环判断checked属性：如果为true表示被选中，false则表示未选中。实例演示如下：1、HTML结构 123452、javascript代码 function fun(){ obj =
js中text、combobox的值都可以用.value获取,checkbox的值怎么获取?
value是一样可以用.value取的。value值就是 value="1" 中的1.但是一般除了这个值以外，我们先要关注的都是这个checkbox是不是选中了。document.getElementById("xxx1").checked 判断这个值是否是true。
js中,如何拿到checkbook选中的value值?
var els = document.getElementsByTag("checkbox");for(var i=0;i<els.length;i++){ if(els[i].checked=true){ \/\/ 这个checkbox选中了 var value= els[i].value; }}
