JQuery限制復(fù)選框checkbox可選中個數(shù)的方法
本文實例講述了JQuery限制復(fù)選框checkbox可選中個數(shù)的方法。分享給大家供大家參考。具體分析如下:
由于項目需要限制可批量操作的文件個數(shù) 所以寫了一段小代碼
如果選中個數(shù)大于允許的最大個數(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>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
jQuery插件zTree實現(xiàn)更新根節(jié)點中第i個節(jié)點名稱的方法示例
這篇文章主要介紹了jQuery插件zTree實現(xiàn)更新根節(jié)點中第i個節(jié)點名稱的方法,結(jié)合實例形式分析了樹形插件zTree針對節(jié)點的更新操作相關(guān)技巧,需要的朋友可以參考下2017-03-03easyui Droppable組件實現(xiàn)放置特效
droppable和draggable有類似的地方,不過區(qū)別點在于前者著重于將元素放進某個容器中,而后者則著重于可拖拽(雖然可能一些效果兩者都可以實現(xiàn))。而且通過查看easyloader源碼可知道,droppable并不依賴于draggable。2015-08-08使用jQuery實現(xiàn)dropdownlist的聯(lián)動效果(sharepoint 2007)
在sharepoint 2007網(wǎng)站中,使用jQuery實現(xiàn)dropdownlist的聯(lián)動效果.2011-03-03jquery插件jbox使用iframe關(guān)閉問題
最近做需要用到彈出窗口,發(fā)現(xiàn)JBox不錯,可以支持iframe,但是發(fā)現(xiàn)個問題,在iframe中添加一個按鈕點擊此按鈕2009-02-02