本文實例講述了JQuery限制複選框checkbox可選中個數的方法。分享給大家供大家參考。具體分析如下:
由於專案需要限制可批次操作的檔案數量 所以寫了一段小程式碼
如果選取個數大於允許的最大個數 其他複選框不能選擇
如果小於則所有複選框都能選擇
<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程式設計有所幫助。