JavaScript檢測并限制復選框選中個數(shù)的方法

更新時間：2015年08月12日 09:53:05 作者：企鵝

這篇文章主要介紹了JavaScript檢測并限制復選框選中個數(shù)的方法,涉及javascript針對復選框的判定與運算相關(guān)技巧,非常簡單實用,需要的朋友可以參考下

本文實例講述了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程序設計有所幫助。

您可能感興趣的文章:

相關(guān)文章

關(guān)于AOP在JS中的實現(xiàn)與應用詳解
這篇文章主要給大家介紹了關(guān)于AOP在JS中的實現(xiàn)與應用的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用JS具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧
2019-05-05
TypeScript實現(xiàn)字符串轉(zhuǎn)樹結(jié)構(gòu)的方法詳解
有一個多行字符串，每行開頭會用空格來表示它的層級關(guān)系，每間隔一層它的空格總數(shù)為2，如何將它轉(zhuǎn)為json格式的樹型數(shù)據(jù)？本文就跟大家分享下這個算法
2022-09-09
簡單實現(xiàn)js選項卡切換效果
這篇文章主要為大家介紹了簡單實現(xiàn)js選項卡切換效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-02-02
javascript動態(tài)的改變IFrame的高度實現(xiàn)自動伸展
動態(tài)的改變IFrame的高度，實現(xiàn)IFrame自動伸展，父頁面也自動神縮，實現(xiàn)原理很簡單就是在IFrame子頁面一加載的時候，調(diào)用父IFrame對象，改變其高度，感興趣的朋友可以了解下
2013-10-10
js 簡易版滾動條實例(適用于移動端H5開發(fā))
下面小編就為大家?guī)硪黄猨s 簡易版滾動條實例(適用于移動端H5開發(fā))。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-06-06
前端中的JS使用調(diào)試技巧
掌握各種js調(diào)試技巧，在前端開發(fā)中降低開發(fā)成本，起到事半功倍的效果。譬如，快速定位問題、降低故障概率、幫助分析邏輯錯誤等等。這篇文章主要介紹了前端中的JS使用調(diào)試技巧,需要的朋友可以參考下
2022-12-12
echarts控制x軸和y軸name位置并加軸箭頭代碼示例
搞數(shù)據(jù)展示,很多朋友都會用到免費的echarts,下面這篇文章主要給大家介紹了關(guān)于echarts控制x軸和y軸name位置并加軸箭頭的相關(guān)資料,需要的朋友可以參考下
2024-01-01
JavaScript實現(xiàn)拖動對話框效果的實現(xiàn)代碼
這篇文章主要介紹了JavaScript實現(xiàn)拖動對話框效果，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2020-10-10
前端點擊預覽圖片Viewer.js使用方法(簡單的操作)
這篇文章主要介紹了前端點擊預覽圖片Viewer.js使用的相關(guān)資料,Viewer.js是一款強大的圖片查看器,支持移動設備觸摸事件、響應式、放大/縮小、旋轉(zhuǎn)、翻轉(zhuǎn)、移動、鍵盤操作、全屏幻燈片模式、縮略圖和標題顯示等功能,需要的朋友可以參考下
2025-01-01
js獲取客戶端操作系統(tǒng)類型的方法【測試可用】
這篇文章主要介紹了js獲取客戶端操作系統(tǒng)類型的方法,可有效的判斷常見操作系統(tǒng)的類型,包括Windows、MacOS、Unix及Linux等,涉及javascript頁面navigator.userAgent屬性操作技巧,需要的朋友可以參考下
2016-05-05