form.html
| 代碼如下 |
複製代碼 |
<form action=checkbox.php method=post> <input name="s[]" type="checkbox" value="3" />3<br> <input name="s[]" type="checkbox" value="7" />7<br> <input name="s[]" type="checkbox" value="1" />1<br> <input name="s[]" type="checkbox" value="15" />15<br> <input type=submit> </form> |
然後建立一個處理表單的程式:
checkbox.php
| 代碼如下 |
複製代碼 |
<?php $a=$_POST["s"]; print_r($a); ?> |
但是上面這個程式只是用來顯示複選框是否正常,如果逐個取出數組中所有的資料,需要用到迴圈。
所以進一步將程式修改為:
checkbox.php
| 代碼如下 |
複製代碼 |
<?php $a=$_POST["s"]; for($i=0;$i<count($a);$i++) { echo "選項".$a[$i]."被選中<br />"; } ?> |
這樣執行的結果類似於:
選項3被選中
選項15被選中
利用javascript做一下預先處理。多個同名複選框在javascript中還是以數組的形式存在的,所以在表單提交之前可以利用javascript把複選框中的資訊組合成一個字元數組賦值給表單中的隱藏元素,然後用php中的explode函數解析此數組,這樣就可以實現複選框資訊的傳遞了。下面舉例說明。
假設有這樣一個表單:
| 代碼如下 |
複製代碼 |
<form name="form1" id="form1" method="post" action="myphp.php" onsubmit="return checker()"> <input type="checkbox" name="item" value="1">1<br> <input type="checkbox" name="item" value="2">2<br> <input type="checkbox" name="item" value="3">3<br> <input type="checkbox" name="item" value="4">4<br> <input type="hidden" name="items" value=""> <input type="submit" value="submit"> </form> |
這個表單有四個名字都是item的複選框,當使用者單擊submit按鈕的時候,checker函數會被調用,並且如果checker返回true表單就被提交,返回false表單就不會被提交。這裡checker函數就是我們要編寫的預先處理函數。在html的header部分添加下面的javascript:
| 代碼如下 |
複製代碼 |
<script language="javascript"> <!-- function checker() { form1.items.value = ""; if ( !form1.item.length ) // 只有一個複選框,form1.item.length = undefined { if ( form1.items.checked ) form1.items.value = form1.item.value; } else { for ( i = 0 ; i < form1.item.length ; i++ ) { if ( form1.item(i).checked ) // 複選框中有選中的框 { form1.items.value = form1.item(i).value; for ( j = i + 1 ; j < form1.item.length ; j++ ) { if ( form1.item(j).checked ) { form1.items.value += " "; //用空格做分割符 form1.items.value += form1.item(j).value; } } break; } } } return true; } --> </script> |