這篇文章主要介紹了JQuery限制復選框checkbox可選中個數的方法,涉及jQuery操作復選框長度判斷與屬性修改的相關技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了JQuery限制復選框checkbox可選中個數的方法。分享給大家供大家參考。具體分析如下：
由於項目需要限制可批量操作的文件個數 所以寫了一段小代碼
如果選中個數大於允許的最大個數 其他復選框不能選擇
如果小於則所有復選框都能選擇
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 <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程序設計有所幫助。