js限制checkbox選中個(gè)數(shù)以限制六個(gè)為例
更新時(shí)間：2014年07月15日 17:43:17 投稿：whsnow
需要展示多個(gè)checkbox復(fù)選框，而只能允許最多選6個(gè),下面為大家介紹下如何使用js限制checkbox選中個(gè)數(shù),需要的朋友可以參考下
今天在做項(xiàng)目時(shí)，碰到一個(gè)問(wèn)題，我需要展示多個(gè)checkbox復(fù)選框，而只能允許最多選6個(gè)。調(diào)試了老半天，終于出來(lái)了，代碼如下：
<SCRIPT LANGUAGE="JavaScript">
var c=0,limit=6;
function doCheck(obj) {
obj.checked?c++:c--;
if(c>limit){
obj.checked=false;
alert("over");
c--;
}
}
</SCRIPT>
<html>
<body>
<input type="CHECKBOX" name="sample1" onClick="doCheck(this)">A
<input type="CHECKBOX" name="sample2" onClick="doCheck(this)">B
<input type="CHECKBOX" name="sample3" onClick="doCheck(this)">C
<input type="CHECKBOX" name="sample4" onClick="doCheck(this)">D
<input type="CHECKBOX" name="sample5" onClick="doCheck(this)">E
<input type="CHECKBOX" name="sample6" onClick="doCheck(this)">F
<input type="CHECKBOX" name="sample7" onClick="doCheck(this)">G
<input type="CHECKBOX" name="sample8" onClick="doCheck(this)">H
<input type="CHECKBOX" name="sample9" onClick="doCheck(this)">I
<input type="CHECKBOX" name="sample10" onClick="doCheck(this)">J
</body>
</html>
展示結(jié)果如下：
相關(guān)文章
這篇文章主要介紹了詳解JavaScript時(shí)間格式化的相關(guān)資料,需要的朋友可以參考下2015-12-12
用JS實(shí)現(xiàn)了一個(gè)拖拽排序，可因Jquery版本不同導(dǎo)致瀏覽器訪問(wèn)時(shí)存在很多的問(wèn)題，下面為大家介紹下具體的解決方法，感興趣的朋友可以參考下2013-10-10
這篇文章主要為大家詳細(xì)介紹了JavaScript利用鍵盤碼控制div移動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
JavaScript判斷變量是否為數(shù)組的方法(Array)
這篇文章主要介紹了JavaScript判斷變量是否為數(shù)組的方法(Array),涉及到j(luò)avascript 數(shù)組 變量相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧2016-02-02
Javascript實(shí)現(xiàn)滑塊滑動(dòng)改變值的實(shí)現(xiàn)代碼
一個(gè)功能,值得一說(shuō)的是本頁(yè)面的滑塊實(shí)現(xiàn)由于對(duì)美工不是很熟悉所以上圖了,感興趣的朋友可以了解下哈2013-04-04
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)九宮格抽獎(jiǎng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-01-01
js中判斷數(shù)字\字母\中文的正則表達(dá)式 (實(shí)例)
js中判斷數(shù)字\字母\中文的正則表達(dá)式，需要的朋友可以參考下2012-06-06
超級(jí)簡(jiǎn)易的JS計(jì)算器實(shí)例講解(實(shí)現(xiàn)加減乘除)
下面小編就為大家?guī)?lái)一篇超級(jí)簡(jiǎn)易的JS計(jì)算器實(shí)例講解(實(shí)現(xiàn)加減乘除)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
javascript實(shí)現(xiàn)簡(jiǎn)單的可隨機(jī)變色網(wǎng)頁(yè)計(jì)算器示例
這篇文章主要介紹了javascript實(shí)現(xiàn)簡(jiǎn)單的可隨機(jī)變色網(wǎng)頁(yè)計(jì)算器,具有基本的四則運(yùn)算與背景色隨機(jī)變換功能,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了JS組件系列之MVVM組件構(gòu)建自己的Vue組件,需要的朋友可以參考下2017-04-04