JQuery限制復選框checkbox可選中個數(shù)的方法
更新時間:2015年04月20日 10:11:33 作者:feige
這篇文章主要介紹了JQuery限制復選框checkbox可選中個數(shù)的方法,涉及jQuery操作復選框長度判斷與屬性修改的相關技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了JQuery限制復選框checkbox可選中個數(shù)的方法。分享給大家供大家參考。具體分析如下:
由于項目需要限制可批量操作的文件個數(shù) 所以寫了一段小代碼
如果選中個數(shù)大于允許的最大個數(shù) 其他復選框不能選擇
如果小于則所有復選框都能選擇
<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程序設計有所幫助。
相關文章
jQuery插件zTree實現(xiàn)更新根節(jié)點中第i個節(jié)點名稱的方法示例
這篇文章主要介紹了jQuery插件zTree實現(xiàn)更新根節(jié)點中第i個節(jié)點名稱的方法,結合實例形式分析了樹形插件zTree針對節(jié)點的更新操作相關技巧,需要的朋友可以參考下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-03