在頁面中有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">