Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> jQuery validate checkbox
micdob
post
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 14.06.2009

Ostrzeżenie: (0%)
-----


Witam,

mam problem z walidacją formularza. Używam plugin do walidacji, ale natrafiłem na jedną przeszkodę, z którą nie mogę sobie poradzić (IMG:style_emoticons/default/sad.gif) .

Mam około 30 checkboxów w jednej grupie. Chciałbym, aby użytkownik mógł zaznaczyć tylko 20, a po zaznaczeniu takiej liczby pozostałe chceckboxy stały się disabled.

Z góry dziękuje za pomoc i pozdrawiam
micdob
Go to the top of the page
+Quote Post
fleshgrinder
post
Post #2





Grupa: Zarejestrowani
Postów: 77
Pomógł: 10
Dołączył: 4.11.2007

Ostrzeżenie: (0%)
-----


sprawdz cos takiego:

  1. <!DOCTYPE html>
  2. <head>
  3. <script type="text/javascript" src="jquery-1.3.1.js"></script>
  4. <script type="text/javascript">
  5. $(function() {
  6.  
  7. var checked = 0; // ile jest juz zaznaczonych
  8. var disableAfter = 3; // po ilu ma blokowac pozostale
  9.  
  10. $('input[type=checkbox]').click(function() {
  11.  
  12. if($(this).attr('checked')) { // kliknieto zeby zaznaczyc
  13. checked++;
  14. if(checked === disableAfter) { // liczba zaznaczonych osiagnela max
  15. $('input[type=checkbox]').each(function() {
  16. if(!($(this).attr('checked'))) {
  17. $(this).attr('disabled', 'disabled');
  18. }
  19. });
  20. }
  21. }
  22. else { // kliknieto zeby odznaczyc
  23. checked--;
  24. if(checked === disableAfter - 1) { // odznaczono pierwszy po zablokowaniu pozostalych - odblokowac wszystkie
  25. $('input[type=checkbox]').removeAttr('disabled');
  26. }
  27. }
  28. });
  29. });
  30.  
  31. </script>
  32. </head>
  33. <body>
  34. <input type="checkbox">
  35. <input type="checkbox">
  36. <input type="checkbox">
  37. <input type="checkbox">
  38. <input type="checkbox">
  39. <input type="checkbox">
  40. <input type="checkbox">
  41. <input type="checkbox">
  42. <input type="checkbox">
  43. <input type="checkbox">
  44. </body>
  45. </html>


Ten post edytował fleshgrinder 24.04.2010, 18:48:46
Go to the top of the page
+Quote Post
micdob
post
Post #3





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 14.06.2009

Ostrzeżenie: (0%)
-----


Witam,

bardzo dziękuje za tak szybką odpowiedź. Wszystko działa, tak jak powinno.

Jeszcze raz dzięki i pozdrawiam
micdob
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 30.08.2025 - 01:30