jQuery多選框選擇數(shù)量限制方法
在網(wǎng)上找到的,可以使用。由于刷新后,多選框會保留選中的,這時數(shù)量達(dá)到要求后還是可以選擇的bug,在前面加個判斷數(shù)量是否數(shù)量達(dá)到要求的處理就可以了。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標(biāo)題文檔</title> <script src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script> $(function(){ //加上判斷是否達(dá)到數(shù)量要求 if($(":checkbox").size()>=3){ $(":checkbox").removeAttr("checked"); $(":checkbox").attr("disabled","disabled"); $(":checkbox").removeAttr("disabled"); } var num = 0; $(":checkbox").each(function(){ $(this).click(function(){ if($(this)[0].checked) { ++num; if(num == 3) { //alert("最多選擇 三項 的上限已滿, 其他選項將會變?yōu)椴豢蛇x."); $(":checkbox").each(function(){ if(!$(this)[0].checked) { $(this).attr("disabled", "disabled"); } }); } } else { --num; if(num <= 2) { $(":checkbox").each(function(){ if(!$(this)[0].checked) { $(this).removeAttr("disabled"); } }); } } }); }); }) </script> </head> <body> <input type="checkbox" />上網(wǎng)<br /> <input type="checkbox" />旅游<br /> <input type="checkbox" />逛街<br /> <input type="checkbox" />游戲<br /> <input type="checkbox" />聽歌<br /> <input type="checkbox" />購物<br /> </body> </html>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- jQuery 獲取多選框的值及多選框中文的函數(shù)
- jQuery實現(xiàn)的多選框多級聯(lián)動插件
- jquery select多選框的左右移動 具體實現(xiàn)代碼
- jquery對單選框,多選框,文本框等常見操作小結(jié)
- 簡單實現(xiàn)jQuery多選框功能
- jQuery對下拉框,單選框,多選框的操作
- jquery中表單 多選框的一種巧妙寫法
- jQuery模擬html下拉多選框的原生實現(xiàn)方法示例
- Jquery多選框互相內(nèi)容交換的實例代碼
- jQuery中實現(xiàn)prop()函數(shù)控制多選框(全選,反選)
- jQuery實現(xiàn)獲取多選框的值示例
相關(guān)文章
jQuery動畫顯示和隱藏效果實例演示(附demo源碼下載)
這篇文章主要介紹了jQuery動畫顯示和隱藏效果實現(xiàn)方法,并附帶了demo源碼供讀者下載參考,涉及jQuery操作圖片的顯示,隱藏及淡入淡出等效果,需要的朋友可以參考下2015-12-12深入學(xué)習(xí)jQuery Validate表單驗證
這篇文章主要針對jQuery Validate表單驗證為大家進(jìn)行詳細(xì)介紹,如何在class屬性里面并定義錯誤信息的提示,感興趣的小伙伴們可以參考一下2016-01-01JQuery+Bootstrap 自定義全屏Loading插件的示例demo
這篇文章主要介紹了JQuery+Bootstrap 自定義全屏Loading插件,本文通過示例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-07-07jQuery實現(xiàn)百度登錄框的動態(tài)切換效果
這篇文章主要介紹了jQuery實現(xiàn)百度登錄框的動態(tài)切換效果,需要的朋友可以參考下2017-04-04JQuery給select添加/刪除節(jié)點的實現(xiàn)代碼
下面小編就為大家?guī)硪黄狫Query給select添加/刪除節(jié)點的實現(xiàn)代碼。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考2016-04-04使用jQuery模板來展現(xiàn)json數(shù)據(jù)的代碼
通常我們在使用ajax的時候,都避免不了和json這種輕巧的數(shù)據(jù)格式打交道??墒峭謩拥娜ソ馕鰆son,構(gòu)建HTML,比較麻煩?,F(xiàn)在有了這個插件,就能像Extjs那樣使用模板解析json了。2010-10-10jquery移除button的inline onclick事件(已測試及兼容瀏覽器)
這種方法在Google Chrome下正常工作,但是在IE的兼容模式下會馬上調(diào)用reclick方法,這不是我們想要的效果;為了解決這個問題,我們可以換個思路,就是延遲綁定click事件2013-01-01