CheckBox JavaScript 驗證教學與範例

請選擇你喜愛的顏色 (最少選一項，最多選三項)，再按送出驗證按鈕

下列是 JavaScript 程式的內容：

<HEAD>
<script type="text/javascript" language="JavaScript">
function checkIt()
{	x = 0
	for( i=0;  i <= 3;  i++ )
		{  if (document.fm.favor[i].checked==true)  {  x = x+1  }
		}
	if (x==0)  {  alert("你沒有選擇喜愛的顏色!");  return false  }
	  else  {  if (x==4)  { alert("你最多可選三項!"); return false }
 				 else   {  return true  }
		   }
}
</script>
</HEAD>
<BODY>
<form name=fm method=post action="#" onSubmit="return checkIt()">
請選擇你喜愛的顏色 (最少選一項，最多選三項)：
<input type=checkbox name=favor value=red> 紅色
<input type=checkbox name=favor value=yellow > 黃色
<input type=checkbox name=favor value=liteblue> 藍色
<input type=checkbox name=favor value=white> 白色
<input type=submit value="送出驗證"> <input type=reset value="清除資料">
</form>
</BODY>

本報導資料來源：本資料取自伍新華電腦工作室 - JavaScript - 基礎課程 - 作者：伍新華

本報導內容或資料，因限人力、時間，非教學會員，不接受任何使用上的教學與指導，敬請見諒。

如果你喜歡這篇辛苦蒐集整理出來的報導資料，歡迎原文轉載並註明出處，以示尊重個人智慧財產，謝謝你的合作。

如果你願意於貴站或部落格中介紹本站，歡迎使用複製網頁研習室連結語法，再次感謝你的支持與愛護。

請按瀏覽器的檢視原始碼查看