<script>
function func(){
var options=document.getElementsByName("chkBox");
for (var i=0;i<options.length;i++){
if(!options[i].disabled){
options[i].checked=true;
}
}
}
</script>
<input type=checkbox name=chkBox value=1 disabled>
<input type=checkbox name=chkBox value=1>
<input type=checkbox name=chkBox value=1>
<input type=checkbox name=chkBox value=1>
<input type=button value="测 试" onclick="func()">
*************************************
JSP中对复选框checkbox的取值
使用复选框选可以很方便的一次选择多个数据,对于用户来说是很方便的。下面给出一种实现方法，共同学习。如果有其他更好的方法，也希望各位能共享出来。
页面中的处理:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>复选框的全选</title>
</head>
<body>
<script language="JavaScript" type="text/JavaScript">
/* 是否全选标记 */
var checkedAll = false;
/* 全选/取消全选
* formName 所在form的name值
* checkboxName checkbox的name值
* 注意：所有checkbox的name值都必须一样，这样才能达到全选的效果
*/
function selectAll(formName,checkboxName){
var form = document.all.item(formName);
var elements = form.elements[checkboxName];
for (var i=0;i<elements.length;i++){
var e = elements[i];
if(checkedAll){
e.checked = false;
form.alls.checked = false;
} else {
e.checked = true;
form.alls.checked = true;
}
}
if(checkedAll){
checkedAll = false;
} else {
checkedAll = true;
}
}
/* 检查是否有checkbox被选中
* formName 所在form的name值
* checkboxName checkbox的name值
* 注意：所有checkbox的name值都必须一样，这样才能达到全选的效果
*/
function checkAll(formName,checkboxName){
var hasCheck = false;
var form = document.all.item(formName);
var elements = form.elements[checkboxName];
for (var i=0;i<elements.length;i++){
var e = elements[i];
if(e.checked){
hasCheck = true;
}
}
return hasCheck;
}
/* 执行操作 */
function do_action(){
if (!checkAll("formName","no")){
alert("没有checkbox被选中，提示用户至少选择一个！");
} else {
alert("已有checkbox被选中，可以继续后续操作！");
}
}
</script>
<form name="formName" method="get">
<table id="dataList" width="200" align="center" border="1">
<tr>
<td><input type="checkbox" name="alls" onClick="selectAll('formName','no')" title="全选/取消全选">
</td>
<td align="center"> 学号 </td>
<td align="center"> 姓名 </td>
</tr>
<tr>
<td><input type="checkbox" name="no" value="001" title="选择/不选择">
</td>
<td> 001 </td>
<td> 张三 </td>
</tr>
<tr>
<td><input type="checkbox" name="no" value="002" title="选择/不选择">
</td>
<td> 002 </td>
<td> 李四 </td>
</tr>
</table>
<p align="center"><input type="button" name="actionButton" value="操作" onClick="do_action()"></p>
</form>
</body>
</html>
后台的取值方法:
String no[] = request.getParameterValues("no");
**********************
Struts下JSP页面传递复选框值技巧（原创）
在页面中有8个复选框，名字都是checkbox，在这里这些checkbox组成了一个复选框组，可以通过checkbox[x]来调用具体的某一个复选框。
<form name="form1" onSubmit="return check()" action="/alws/orgcodeapply.do" method="post">
<td width="69" bgcolor="#FFFFFF"><span class="style5">
<input type="checkbox" name="checkbox" value=" 延期">
延期</span></td>
<td width="70" bgcolor="#FFFFFF"><span class="style5">
<input type="checkbox" name="checkbox" value=" 迁址">
迁址</span></td>
<td width="71" bgcolor="#FFFFFF"><span class="style5">
<input type="checkbox" name="checkbox" value=" 名称">
名称</span></td>
<td width="70" bgcolor="#FFFFFF"><span class="style5">
<input type="checkbox" name="checkbox" value=" 地址">
地址</span></td>
<td width="70" bgcolor="#FFFFFF"><span class="style5">
<input type="checkbox" name="checkbox" value=" 法人">
法人</span></td>
<td width="70" bgcolor="#FFFFFF"><span class="style5">
<input type="checkbox" name="checkbox" value=" 资金">
资金</span></td>
<td width="70" bgcolor="#FFFFFF"><span class="style5">
<input type="checkbox" name="checkbox" value=" 性质">
性质</span></td>
<td width="70" bgcolor="#FFFFFF"><span class="style5">
<input type="checkbox" name="checkbox" value=" 其他">
其它</span></td>
</form>
在form标签中，有onSubmit方法，通过在form中申明这个方法，可以实现在点击submit按钮时，先调用这个return check()方法，然后再执行
action。
下面是这个check()函数有关语句：
<script language="JavaScript" type="text/JavaScript">
function check()
{
<!--可以在这里检验表单的完整性-->
if(document.form1.checkbox[0].checked==true)
{
document.form1.test.value=document.form1.checkbox[0].value;
}
if(document.form1.checkbox[1].checked==true)
{
document.form1.test2.value=document.form1.checkbox[1].value;
}
if(document.form1.checkbox[2].checked==true)
{
document.form1.test3.value=document.form1.checkbox[2].value;
}
if(document.form1.checkbox[3].checked==true)
{
document.form1.test4.value=document.form1.checkbox[3].value;
}
if(document.form1.checkbox[4].checked==true)
{
document.form1.test5.value=document.form1.checkbox[4].value;
}
if(document.form1.checkbox[5].checked==true)
{
document.form1.test6.value=document.form1.checkbox[5].value;
}
if(document.form1.checkbox[6].checked==true)
{
document.form1.test7.value=document.form1.checkbox[6].value;
}
if(document.form1.checkbox[7].checked==true)
{
document.form1.test8.value=document.form1.checkbox[7].value;
}
}
</script>
在上面这个函数中，如果某一个checkbox[x]被选中，则document.form1.checkbox[x].checked==true，执行赋值操作，这些复选框的值value被赋给test x，然后将test x的值传入ActionForm中，就可以得到复选框的相对应的值了，如果test x,没有被赋值，则为NULL
下面是test相关语句，type＝hidden，隐藏表单控件
<input name="test" type="hidden" class="input" id="test" size="20">
<input name="test2" type="hidden" class="input" id="test2" size="20">
<input name="test3" type="hidden" class="input" id="test3" size="20">
<input name="test4" type="hidden" class="input" id="test4" size="20">
<input name="test5" type="hidden" class="input" id="test5" size="20">
<input name="test6" type="hidden" class="input" id="test6" size="20">
<input name="test7" type="hidden" class="input" id="test7" size="20">
<input name="test8" type="hidden" class="input" id="test8" size="20">
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
