CAPTION: 用Javascript制作復選框
* 12/31
* 2008 [23]JavaScript | [24]網頁設計 2082 次查看
* 上一條：[25]用Javascript制作會計算的表單
* 下一條：[26]用Javascript制作旋轉導航菜單
我們在制作調查表時，往往要限制用戶的選擇復選框的數量，如象本例中要
求用戶在九個網站中選擇三個（見下圖）認為最好的網站，這就要求用戶選擇的
網站數不能大于3個，當然可以在後台通過程序來控制，但那樣又慢又繁，
用Javascript程序在用戶端直接控制既快速又方便，在本例的效果中，一旦選擇
的網站數超過3個，將立即彈出一個提示窗口，告訴你選擇的網站數不能超過3個
。
本例效果的制作方法如下：
1、制作一個含有復選框的表單。所有復選框的"name"（名稱）參數要統一
，以序號區分，以便程序調用。如本例的復選框名稱為：c1、c2、c3......c9。
2、把下面這段程序插在與之間，這段程序代碼如下：
在引用本文程序制作表單是要注意的是各復選框的名稱，程序默認的是：c1
、c2、c3......c9。如果改用其它名稱時，要把這句程序：var checkboxname =
"c"中的"c"換成你的實際名稱前綴，但後面的序號一定要從1開始且要連續，否
則程序將要修改。
3、在每一個復選框的標記中加上一個：onclick="mycheck(this)"來調用這
段Javascript程序，使其每次點擊復選框時都用程序檢測一遍已被選擇的復選框
數量並判斷是否超過限制的數量。完成後的復選框代碼如下（了限于篇幅，僅取
三個作示范）：
信息
咨詢
投資
至此制作完成，在瀏覽器中就可以看到預期的效果了。若是我們要求用戶必
須選擇三個網站才能提交，那又怎麼辦？其實很簡單，在程序中再增加下面這個
檢測函數：cnasubmit()，代碼如下：
function cansubmit(){ //選擇網站數量是否符合要求檢測函數。
if (Num