萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> JQuery限制復選框checkbox可選中個數的方法

JQuery限制復選框checkbox可選中個數的方法

   這篇文章主要介紹了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程序設計有所幫助。

copyright © 萬盛學電腦網 all rights reserved