這篇文章主要介紹了JavaScript偵測並限制複選框選取個數的方法,涉及javascript針對複選框的判定與運算相關技巧,非常簡單實用,需要的朋友可以參考下,具體如下:
這裡用JavaScript判斷複選框中否選中,同時可以限制複選框的選中個數,這是一個比較實用的JS表單判斷示例,複選框的是否選中曾經讓很多人納悶,現在好了,這段程式碼幫你解決了難題。
運作效果截圖如下:
具體程式碼如下:
<html> <head> <title>判断复选框中否选中</title> <script> var check_num = 0; function check(){ if(event.srcElement.checked==true) check_num++; else check_num--; if(check_num>3) { alert("最多只能选3个!"); event.srcElement.checked=false; check_num--; } } </script> </head> <body> <input type="checkbox" name="test" onClick="check()"> <input type="checkbox" name="test" onClick="check()"> <input type="checkbox" name="test" onClick="check()"> <input type="checkbox" name="test" onClick="check()"> <input type="checkbox" name="test" onClick="check()"> <input type="checkbox" name="test" onClick="check()"> <input type="checkbox" name="test" onClick="check()"> <br> 你只能选择3个复选框。 </body> </html>
以上就是本章的全部內容,更多相關教學請造訪JavaScript影片教學!