JQuery限制復(fù)選框checkbox可選中個(gè)數(shù)的方法
更新時(shí)間：2015年04月20日 10:11:33 作者：feige
這篇文章主要介紹了JQuery限制復(fù)選框checkbox可選中個(gè)數(shù)的方法,涉及jQuery操作復(fù)選框長(zhǎng)度判斷與屬性修改的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JQuery限制復(fù)選框checkbox可選中個(gè)數(shù)的方法。分享給大家供大家參考。具體分析如下：
由于項(xiàng)目需要限制可批量操作的文件個(gè)數(shù) 所以寫了一段小代碼
如果選中個(gè)數(shù)大于允許的最大個(gè)數(shù) 其他復(fù)選框不能選擇
如果小于則所有復(fù)選框都能選擇
<script type="text/javascript">
$(document).ready(function() {
$('input[type=checkbox]').click(function() {
$("input[name='apk[]']").attr('disabled', true);
if ($("input[name='apk[]']:checked").length >= 3) {
$("input[name='apk[]']:checked").attr('disabled', false);
} else {
$("input[name='apk[]']").attr('disabled', false);
}
});
})
</script>
<ul>
<li>
<input type="checkbox" name="apk[]" value=1 />
APK1
</li>
<li>
<input type="checkbox" name="apk[]" value=2 />
APK2
</li>
<li>
<input type="checkbox" name="apk[]" value=1 />
APK3
</li>
<li>
<input type="checkbox" name="apk[]" value=4 />
APK4
</li>
<li>
<input type="checkbox" name="apk[]" value=6 />
APK5
</li>
<li>
<input type="checkbox" name="apk[]" value=7 />
APK6
</li>
<li>
<input type="checkbox" name="apk[]" value=8 />
APK7
</li>
</ul>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jquery 實(shí)現(xiàn)回車登錄詳解及實(shí)例代碼
這篇文章主要介紹了jquery 實(shí)現(xiàn)回車登錄詳解的相關(guān)資料,整理了幾種方法及簡(jiǎn)單實(shí)現(xiàn)實(shí)例，需要的朋友可以參考下2016-10-10
jQuery實(shí)現(xiàn)倒計(jì)時(shí)（倒計(jì)時(shí)年月日可自己輸入）
本篇文章主要對(duì)jQuery實(shí)現(xiàn)倒計(jì)時(shí)進(jìn)行了實(shí)例分析。并附上實(shí)例源碼，有興趣的朋友可以下載源碼調(diào)試運(yùn)行試試看，希望對(duì)大家有所幫助2016-12-12
jquery datatable后臺(tái)封裝數(shù)據(jù)示例代碼
這篇文章主要介紹了jquery datatable后臺(tái)封裝數(shù)據(jù)的示例代碼,需要的朋友可以參考下2014-08-08
這篇文章主要介紹了JQuery跳出each循環(huán)的方法,本文講解了jquery怎么跳出當(dāng)前的each循環(huán)、Jquery each方法跳出循環(huán)并獲得返回值的方法等內(nèi)容,需要的朋友可以參考下2015-04-04
jQuery插件擴(kuò)展extend的簡(jiǎn)單實(shí)現(xiàn)原理
下面小編就為大家?guī)?lái)一篇jQuery插件擴(kuò)展extend的簡(jiǎn)單實(shí)現(xiàn)原理。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
本節(jié)主要介紹了jquery使用text()方法取標(biāo)簽中的文本的具體實(shí)現(xiàn),需要的朋友可以參考下2014-07-07
這篇文章主要介紹了jquery圖片滾動(dòng)放大效果，功能實(shí)現(xiàn)非常簡(jiǎn)單，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
這篇文章主要為大家詳細(xì)介紹了jquery插件實(shí)現(xiàn)掃雷游戲第二篇，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
這篇文章主要介紹了JQuery select（下拉框）操作方法匯總,本文講解了獲取選中項(xiàng)、獲取當(dāng)前選中項(xiàng)的索引值、獲取當(dāng)前option的最大索引值、獲取DropdownList的長(zhǎng)度等內(nèi)容,需要的朋友可以參考下2015-04-04
放棄用你的InnerHTML來(lái)輸出HTML吧 jQuery Tmpl不詳細(xì)講解
在Ajax橫道的今天，我們?cè)陧?yè)面交互上有了更高的要求，動(dòng)態(tài)生成HTML毫無(wú)疑問(wèn)是其中的一種。動(dòng)態(tài)生成HTML的方式多種多樣，最終通過(guò)一定的方法輸出給用戶innerHTML、documentWrite等方式2013-04-04