Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Określona ilość zaznczonych checkboxów
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Fallout
27.03.2006, 04:19:39
Witam,

Szukałem, ale nawet ciężko sprecyzować do wyszukania co chce:)

Chodzi o to, że:

1. Pobieram z bazy jakieś dane, i dla każdego wiersza jest checkbox
2. JS ma mi pomóc w tym, że po zaznaczeniu np. dwóch, reszta chceckbów staje sie nieaktywna do momentu, gdy jeden z tych dwóch zaznaczonych nie zostanie odznaczony

ogółem mówiąc ma to zapobiec zaznaczeniu więcej niż 2 checkboxów z kilkunastu dostępnych, oraz ochronić użyszkodnika przed pomyłką smile.gif

Niestety JS nie miałem nigdy czasu postudiować, a zależy mi na czasie, poszukiwania zawiodły więc ktoś może znajdzie chwilkę na napisanie, wydaje mi się niezbyt wymagającego skryptu smile.gif Z góry dziękuje!
TomASS
27.03.2006, 07:57:04
Specjalnie dla Ciebie:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. </head>
  4. <script>
  5. function sprawdz_ile_zaznaczonych(){
  6. 	var ile = 0;
  7. 	for(var i=0; i<document.formularz.length; i++){
  8. 		if((document.forms.formularz.elements[i].type)=="checkbox"){
  9. 			if(document.forms.formularz.elements[i].checked) ile++;
  10. 		}
  11. 	}
  12. 	return ile;
  13. }
  14.  
  15. function deaktywacja(){
  16. 	if(sprawdz_ile_zaznaczonych()>=2){
  17. 	for(var i=0; i<document.formularz.length; i++){
  18. 		if((document.forms.formularz.elements[i].type)=="checkbox"){
  19. 			 if(!document.forms.formularz.elements[i].checked)
  20. 			 	document.forms.formularz.elements[i].disabled=true;
  21. 		}
  22. 	}
  23. 	}
  24. 	else{
  25. 		for(var i=0; i<document.formularz.length; i++){
  26. 		if((document.forms.formularz.elements[i].type)=="checkbox")
  27. 			document.forms.formularz.elements[i].disabled=false;
  28. 		}
  29. 	}
  30. }
  31.  
  32. </script>
  33. <body>
  34. <form name="formularz">
  35. <input type="checkbox" name="ch1" id="ch1" onclick="deaktywacja();">
  36. <input type="checkbox" name="ch2" id="ch2" onclick="deaktywacja();">
  37. <input type="checkbox" name="ch3" id="ch3" onclick="deaktywacja();">
  38. <input type="checkbox" name="ch4" id="ch4" onclick="deaktywacja();">
  39. <input type="checkbox" name="ch5" id="ch5" onclick="deaktywacja();">
  40. <input type="checkbox" name="ch6" id="ch6" onclick="deaktywacja();">
  41. <input type="checkbox" name="ch7" id="ch7" onclick="deaktywacja();">
  42. <input type="checkbox" name="ch8" id="ch8" onclick="deaktywacja();">
  43. <input type="checkbox" name="ch9" id="ch9" onclick="deaktywacja();">
  44. <input type="checkbox" name="ch10" id="ch10" onclick="deaktywacja();">
  45. <input type="checkbox" name="ch11" id="ch11" onclick="deaktywacja();">
  46. <input type="checkbox" name="ch12" id="ch12" onclick="deaktywacja();">
  47.  
  48. </form>
  49. </body>
  50. </html>
[HTML] pobierz, plaintext


Dodałem także aktywowanie spowrotem w przypadku, gdy były wciśnięte dwa checkobxy i użytkownik "odchaczył" jednego.
Fallout
27.03.2006, 12:46:08
Dziękuję, zabieram sie do pracy smile.gif

No tak zapomniałem tylko, że u mnie każdy wiersz to osobny formularz:)

[PHP] pobierz, plaintext 
  1. 	while($r = mysql_fetch_array($w))
  2. 	{
  3. 			   (...)
  4.  
  5. 		$zmien	 = '<input type="image" src="zmien.gif" name="do" value="zmien" ALT="Zmień dane zdjęcia" />';
  6. 		$usun	= '<input type="image" src="del.gif" name="do" value="usun" ALT="Usuń zdjęcie" />';
  7. 		$gen	= '<input type="image" src="generate.gif" name="do" value="generuj" ALT="Generuj miniatruę"  />';
  8. 		$delmin	= '<input type="image" src="del.gif" name="do" value="skasuj" ALT="Skasuj miniaturę" />';
  9. 		?>
  10. 		<!-- Formularz START -->
  11. 		<form action="<?='?co=zarzadzaj&amp;gid='.$gid.'&amp;pid='.$pid; ?>" method="post" name="formularz">
  12. 		<input type="hidden" value="<?=$fid;?>" name="zid" />
  13. 		<input type="hidden" value="<?=$gid;?>" name="gid" />
  14. 		<tr align="center">
  15. 			<td><? SelectBox(TR_Box('pies_id','pies_nazwa','psy'),'npid',$pid); ?></td>
  16. 			<td><?=$fotka;?></td>
  17. 			<td><input type="checkbox" value="<?=$fid;?>" name="chg" onclick="deaktywacja();" /></td>
  18. 			<td><input type="text" value="<?=$ops;?>" name="opis" /></td>
  19. 			<td><input type="text" value="<?=$plk;?>" name="plik" readonly /></td>
  20. 			<td><? SelectBox(TR_Box('galeria_id','galeria_katalog','galerie'),'ngid',$gid); ?></td>
  21. 			<td><? if(!file_exists($mini)) echo $gen;?></td>
  22. 			<td><? if(file_exists($mini)) echo $delmin;?></td>
  23. 			<td><?=$zmien;?></td>
  24. 			<td><?=$usun;?></td>
  25. 		</tr>
  26. 		</form>
  27. 		<!-- Formularz Koniec -->
  28. 		<?
  29. 	}
[PHP] pobierz, plaintext


co skutkuje tym, ze nie dziala smile.gif Masz może jakiś pomysł aby to obejść?
TomASS
27.03.2006, 21:57:15
to zamiast po nazwie formularza możesz się do niego dostać również za pomocą forms[j] gdzie j to numer formularza. Wystarczy troszkę przerobić skrypt JS:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. </head>
  4. <script>
  5. function sprawdz_ile_zaznaczonych(){
  6. 	var ile = 0;
  7.  
  8.  
  9. 	for(var j=0;j<document.forms.length; j++){
  10. 		for(var i=0; i<document.forms[j].length; i++){
  11. 			if((document.forms[j].elements[i].type)=="checkbox"){
  12. 				if(document.forms[j].elements[i].checked) ile++;
  13. 			}
  14. 		}
  15. 	}
  16. 	return ile;
  17. }
  18.  
  19. function deaktywacja(){
  20. 	if(sprawdz_ile_zaznaczonych()>=2){
  21. 		for(var j=0;j<document.forms.length; j++){
  22. 			for(var i=0; i<document.forms[j].length; i++){
  23. 				if((document.forms[j].elements[i].type)=="checkbox"){
  24. 			 		if(!document.forms[j].elements[i].checked)
  25. 				 		document.forms[j].elements[i].disabled=true;
  26. 				}
  27. 			}
  28. 			}
  29. 	}
  30. 	else{
  31. 		for(var j=0;j<document.forms.length; j++){
  32. 			for(var i=0; i<document.forms[j].length; i++){
  33. 			if((document.forms[j].elements[i].type)=="checkbox")
  34. 				document.forms[j].elements[i].disabled=false;
  35. 			}
  36. 		}
  37. 	}
  38.  
  39. }
  40.  
  41. </script>
  42. <body>
  43. <form name="formularz">
  44. <input type="checkbox" name="ch1" id="ch1" onclick="deaktywacja();">
  45. <input type="checkbox" name="ch2" id="ch2" onclick="deaktywacja();">
  46. <input type="checkbox" name="ch3" id="ch3" onclick="deaktywacja();">
  47. <input type="checkbox" name="ch4" id="ch4" onclick="deaktywacja();">
  48. <input type="checkbox" name="ch5" id="ch5" onclick="deaktywacja();">
  49. </form>
  50.  
  51. <form name="formularz">
  52. <input type="checkbox" name="ch6" id="ch6" onclick="deaktywacja();">
  53. <input type="checkbox" name="ch7" id="ch7" onclick="deaktywacja();">
  54. <input type="checkbox" name="ch8" id="ch8" onclick="deaktywacja();">
  55. <input type="checkbox" name="ch9" id="ch9" onclick="deaktywacja();">
  56. </form>
  57.  
  58. <form name="formularz">
  59. <input type="checkbox" name="ch10" id="ch10" onclick="deaktywacja();">
  60. <input type="checkbox" name="ch11" id="ch11" onclick="deaktywacja();">
  61. <input type="checkbox" name="ch712" id="ch12" onclick="deaktywacja();">
  62. </form>
  63.  
  64. </body>
  65. </html>
[HTML] pobierz, plaintext
Fallout
28.03.2006, 00:02:46
Działa idealnie, dziękuje!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.