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">

  

posted @ 2012-08-09 12:08  小0  阅读(3841)  评论(0编辑  收藏  举报