jsp对checkbox的操作
<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">