思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。下面进行实例演示：
1、HTML结构
<input type="checkbox" name="test" value="1"/><span>1</span>
<input type="checkbox" name="test" value="2"/><span>2</span>
<input type="checkbox" name="test" value="3"/><span>3</span>
<input type="checkbox" name="test" value="4"/><span>4</span>
<input type="checkbox" name="test" value="5"/><span>5</span>
<input type='button' value='提交' onclick="fun()"/>
2、javascript代码
function fun(){
obj = documentgetElementsByName("test");
check_val = [];
for(k in obj){
if(obj[k]checked)
check_valpush(obj[k]value);
}
alert(check_val);
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 40 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="JavaScript">
function test (){
var names = documentgetElementsByName("checkBoxName");
for( i = 0 ; i <nameslength; i ++){
if (names[i]checked)
alert("This"+(i+1)+" was checked !----------------"+names[i]value);
else
alert("nothing");
}
}
function loadInfo(){
var valueStr = "aaaaa,cccc";
var values = valueStrsplit(",");
var names = documentgetElementsByName("checkBoxName");
for ( j = 0 ; j < valueslength; j++ )
{
for( i = 0 ; i <nameslength; i ++){
if (names[i]value==values[j])
names[i]checked="checked";
}
}
}
</script>
</HEAD>
<BODY onload="loadInfo();">
<input type="checkBox" name="checkBoxName" value="aaaaa"/>aaaaaa
<input type="checkBox" name="checkBoxName" value="aaaccc"/>aaaccc
<input type="checkBox" name="checkBoxName" value="cccc"/>cccc
<input type="button" value=" test " onclick="test();">
</BODY>
</HTML>
（1）input的checked是一个html属性，checked的值没有意义，只不过各个版本对HTML的属性值写法规定不同才有了checked="value"这种写法，只要有checked就表示页面在加载的时候checkbox被选中，没有写就页面加载的时候checkbox就不被选中。
（2）同一个页面中用js获取checkbox是否选中：documentgetElementById("checkboxId")checked
（3）jsp中在提交时，浏览器会把选中的CheckBox的Value值，添加到一个String数组当中。在Servlet（jsp）中用
String[]
chk
=
requestgetParameterValues("CheckBox的名字");就能可到所有被选择的CheckBox值，如果没有选择则数组：chk
为null。
自己测试下就知道了
以上就是关于怎样获取已选中的checkbox全部的内容，包括:怎样获取已选中的checkbox、html中在后台用什么方法获得前台 checkbox 的值，判断是否被选中、JSP中如何获取checkbox的状态（选中或非选中）等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）