Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js] limit zaznaczeń dla pola checkbox + opis w ukrytym div'ie
cytrysek
post
Post #1





Grupa: Zarejestrowani
Postów: 35
Pomógł: 0
Dołączył: 4.01.2008

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

Znalazłem taki kod :

[HTML] pobierz, plaintext 
  1. <html>
  2.  
  3.  <head>
  4.  <script type="text/javascript">
  5.         <!--
  6.         function showMe (it, box) {
  7.           var vis = (box.checked) ? "block" : "none";
  8.           document.getElementById(it).style.display = vis;
  9.         }
  10.         //-->
  11.  </script>
  12.  </head>
  13.  
  14.  <body>
  15.  
  16.  <form>
  17.  <input type="checkbox" name="modtype"  value="value1"
  18.  onclick="showMe('div1', this)" />value1
  19.  
  20.  <input type="checkbox" name="modtype"  value="value2"
  21.  onclick="showMe('div1', this)" />value2
  22.  
  23.  <input type="checkbox" name="modtype"  value="value3"
  24.  onclick="showMe('div2', this)" />value3
  25.  
  26.  <input type="checkbox" name="modtype"  value="value4"
  27.  onclick="showMe('div3', this)" />value4
  28.  
  29.  <input type="checkbox" name="modtype"  value="value5"
  30.  onclick="showMe('div4', this)" />value5
  31.  
  32.  <div class="row" id="div1" style="display:none">Show Div 1</div>
  33.  <div class="row" id="div2" style="display:none">Show Div 2</div>
  34.  <div class="row" id="div3" style="display:none">Show Div 3</div>
  35.  <div class="row" id="div4" style="display:none">Show Div 4</div>
  36.  </form>
  37.  
  38.  </body>
  39.  
  40.  </html>
[HTML] pobierz, plaintext



a jak zrobić, by ograniczyć możliwość zaznaczenia pola checkbox do np. 2 sztuk i jednocześnie dostać monit w stylu alert lub info że za dużo się zaznaczyłow - w ukrytym div'ie ?

Dodatkowo po zaznaczenieu np. 3 boxa w przypadku limitu na 2 możliwe, pole 3 się nie zaznaczy i nie pojawi się 3 opis z ukrytego diva?

Dzięki za pomoc.
PW
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
lord_t
post
Post #2





Grupa: Zarejestrowani
Postów: 603
Pomógł: 131
Dołączył: 24.07.2007
Skąd: Górny Śląsk

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

rafaelb A po co tam ta pętla? Co jeśli byś miał 1000 checkboxów? Za każdym ptaszkiem przelatywałbyś po 1000-elementowej tablicy?

Ja to widzę tak:
[HTML] pobierz, plaintext 
  1. <html>
  2.  
  3. <head>
  4. <script type="text/javascript">
  5. <!--
  6. var licznik=0;
  7. var max  =2;
  8.  
  9. function showMe (it, box) {
  10. var vis="none";
  11.  
  12. if (box.checked) {
  13.  if(licznik<max) {
  14.    vis= "block";
  15.    licznik++;
  16.   }
  17.  else{
  18.  box.checked=false;
  19.  document.getElementById('divAlert').style.display="block";
  20.  }
  21. }
  22. else{
  23.  licznik--;
  24.  document.getElementById('divAlert').style.display="none";
  25.  }
  26. document.getElementById(it).style.display = vis;
  27. }
  28. //-->
  29. </script>
  30. </head>
  31.  
  32. <body>
  33.  
  34. <form>
  35. <input type="checkbox" name="modtype" value="value1"
  36. onclick="showMe('div1', this)" />value1
  37.  
  38. <input type="checkbox" name="modtype" value="value2"
  39. onclick="showMe('div1', this)" />value2
  40.  
  41. <input type="checkbox" name="modtype" value="value3"
  42. onclick="showMe('div2', this)" />value3
  43.  
  44. <input type="checkbox" name="modtype" value="value4"
  45. onclick="showMe('div3', this)" />value4
  46.  
  47. <input type="checkbox" name="modtype" value="value5"
  48. onclick="showMe('div4', this)" />value5
  49.  
  50. <div id="divAlert" style="display:none">Można zaznaczyć tylko 2 checkboxy!</div>
  51. <div class="row" id="div1" style="display:none">Show Div 1</div>
  52. <div class="row" id="div2" style="display:none">Show Div 2</div>
  53. <div class="row" id="div3" style="display:none">Show Div 3</div>
  54. <div class="row" id="div4" style="display:none">Show Div 4</div>
  55. </form>
  56.  
  57. </body>
  58.  
  59. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- cytrysek   [js] limit zaznaczeń dla pola checkbox + opis w ukrytym div'ie   5.03.2008, 00:05:28
- - rafaelb   tak na szybko napisane , chyba o to Ci chodziło [...   5.03.2008, 11:46:10
- - lord_t   rafaelb A po co tam ta pętla? Co jeśli byś miał 10...   5.03.2008, 13:24:48
- - cytrysek   Dziękuję. Bardzo ładnie działa pzdr. PW Witam po...   26.03.2008, 00:21:14
- - lord_t   Nie działa ponieważ w 1. skrypcie przypisujesz do ...   26.03.2008, 23:01:50
- - c3l3r1on   Witam, Sorry ze odswiezam tak stary temat, jednak...   21.08.2012, 00:53:07

« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 27.09.2025 - 09:52
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn