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
rafaelb
post
Post #2





Grupa: Zarejestrowani
Postów: 49
Pomógł: 2
Dołączył: 17.01.2004

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

tak na szybko napisane , chyba o to Ci chodziło

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <head>
  5. <script type="text/javascript">
  6. <!--
  7. function showMe (it, box) {
  8. 	var ile = 0;
  9. 	var max = 2;
  10.  
  11. 	for (i = 0; i < document.forms[0].elements.length; i++) {
  12.     	if ((document.forms[0].elements[i].type == "checkbox") && (document.forms[0].elements[i].checked == true)) ile++;
  13. 		}
  14. 	if (ile>max){
  15. 		 alert ("Wybrałeś za dużo \n\nMaksymalnie "+max);
  16. 		 box.checked = false;
  17. 		 return;
  18. 	}else{
  19. 		var vis = (box.checked) ? "block" : "none";
  20. 		document.getElementById(it).style.display = vis;
  21. 	}	
  22. };
  23. //-->
  24. </script>
  25. </head>
  26. <body>
  27.  
  28. <form>
  29. <input type="checkbox" name="modtype" value="value1" onclick="showMe('div1', this)" />value1
  30. <input type="checkbox" name="modtype" value="value2" onclick="showMe('div2', this)" />value2
  31. <input type="checkbox" name="modtype" value="value3" onclick="showMe('div3', this)" />value3
  32. <input type="checkbox" name="modtype" value="value4" onclick="showMe('div4', this)" />value4
  33. <input type="checkbox" name="modtype" value="value5" onclick="showMe('div5', this)" />value5
  34.  
  35. <div class="row" id="div1" style="display:none">Show Div 1</div>
  36. <div class="row" id="div2" style="display:none">Show Div 2</div>
  37. <div class="row" id="div3" style="display:none">Show Div 3</div>
  38. <div class="row" id="div4" style="display:none">Show Div 4</div>
  39. </form>
  40.  
  41. </body>
  42. </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: 6.10.2025 - 08:20
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn