STRUTS下JSP页面传递复选框值技巧
类别: 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">
<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">
-= 资 源 教 程 =-
文 章 搜 索