DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js判斷復選框是否選中及選中個數的實現代碼
js判斷復選框是否選中及選中個數的實現代碼
編輯:關於JavaScript     

用js判斷復選框是否選中及選中個數,以前經常有朋友提到復選框的選中問題,這段代碼可以幫你解決這個問題,而且它還可以判斷你選擇了多少個復選框,多選則彈出提示

<HTML>
<head>
<title>判斷復選框是否選中及選中個數</title>
<SCRIPT LANGUAGE="JavaScript">
function countChoices(obj) {
max = 2;
box1 = obj.form.box1.checked;
box2 = obj.form.box2.checked;
box3 = obj.form.box3.checked;
count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);
if (count > max) {
alert("對不起,你只能選擇" + max + "個!");
obj.checked = false;
  }
}
//-->
</script>
<body>
   <form name="form">
    你喜歡的語言是(最多兩個): <p>
<input type=checkbox name=box1 onClick="countChoices(this)">ASP.NET<p> 
<input type=checkbox name=box2 onClick="countChoices(this)">JAVA<p> 
<input type=checkbox name=box3 onClick="countChoices(this)">C#<p> 
   </form>
</body>
</html>

以上這篇js判斷復選框是否選中及選中個數的實現代碼就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved