JavaScript檢測并限制復選框選中個數(shù)的方法
更新時間：2015年08月12日 09:53:05 作者：企鵝
這篇文章主要介紹了JavaScript檢測并限制復選框選中個數(shù)的方法,涉及javascript針對復選框的判定與運算相關技巧,非常簡單實用,需要的朋友可以參考下
本文實例講述了JavaScript檢測并限制復選框選中個數(shù)的方法。分享給大家供大家參考。具體如下：
這里用JavaScript判斷復選框中否選中，同時可以限制復選框的選中個數(shù)，這是一個比較實用的JS表單判斷示例，復選框的是否選中曾經(jīng)讓很多人納悶，現(xiàn)在好了，這段代碼幫你解決了難題。
運行效果截圖如下：
具體代碼如下：
<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程序設計有所幫助。
您可能感興趣的文章:
相關文章
詳解JavaScript如何優(yōu)雅地實現(xiàn)創(chuàng)建多維數(shù)組
多維數(shù)組的意思是指三維或者三維以上的數(shù)組。這篇文章將通過示例為大家詳細講解一下JavaScript如何實現(xiàn)優(yōu)雅地創(chuàng)建多維數(shù)組，需要的可以參考一下2022-07-07
JavaScript實現(xiàn)為圖片添加水印的方法詳解
在很多地方，我們都可以看到，上傳圖片的時候，圖片都會被加上默認的水印，因此，我們在個人網(wǎng)站進行圖片操作時，也可以給它加上自己獨特的水印，本文就為大家整理了JS添加圖片合文字水印的方法，需要的可以參考一下2023-05-05
下面小編就為大家?guī)硪黄髽它c擊input,顯示瞬間的邊框顏色,對之修改與隱藏實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-12-12
模擬qq抖動效果代碼2008-05-05
本文為大家講解下JS的千分位算法的具體實現(xiàn)，先去除空格,判斷是否空值和非數(shù)；針對是否有小數(shù)點，分情況處理；感興趣的朋友可以參考下2013-07-07
javascript中Array()數(shù)組函數(shù)詳解
在JavaScript中數(shù)組也是比較常用的對象之一，數(shù)組是值的有序集合，本篇文章給大家分享Javascript中Array()數(shù)組函數(shù)詳解，需要的朋友可以參考下2015-08-08
Cropper.js進階之裁剪后保存至本地實現(xiàn)示例
這篇文章主要為大家介紹了Cropper.js進階之裁剪后保存至本地實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
這篇文章主要介紹了js+css實現(xiàn)導航效果,實例分析了下拉菜單導航的js實現(xiàn)方法,非常具有實用價值,需要的朋友可以參考下2015-02-02
本文將探討實用的?JavaScript?文件優(yōu)化技術、如何處理與?JavaScript?文件相關的性能問題以及幫助優(yōu)化過程的工具,你將獲得提升web應用程序速度的相關知識,從而為你的用戶提供無縫體驗2023-12-12
論壇轉貼工具中用到的正則表達式學習正則的好例子...2007-11-11