Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Blokowanie pozostałych pół checkbox, po wybraniu pięciu opcji
Forum PHP.pl > Forum > Przedszkole
bartek12421
Witam forumowiczów.
Chciałem ukończyć dziś moją stronkę, gdzie do wykonania została tylko ankieta.
Chciałbym, aby można było w niej głosować na pięć odpowiedzi z np. ośmiu.

  1. <input type="checkbox" name="odp" value="1">
  2. <input type="checkbox" name="odp" value="2">
  3. <input type="checkbox" name="odp" value="3">
  4. <input type="checkbox" name="odp" value="4">
  5. <input type="checkbox" name="odp" value="5">
  6. <input type="checkbox" name="odp" value="6">
  7. <input type="checkbox" name="odp" value="7">
  8. <input type="checkbox" name="odp" value="8">

Załóżmy, że odwiedzający wybiera pięć odpowiedzi i... jak w tym momencie pozostałym nadać parametr disabled, aby nie mógł wybrać więcej?
Kompletnie nie wiem jak to ugryźć....

Z góry dziękuje za jakieś wskazówki
skowron-line
Zdarzenie onclick na każdy checkbox po kliknięciu którego skrypt sprawdzałby ile pól jest zaznaczonych jeżeli było by 5 to by blokował te które nie są zaznaczone.
Ot koniec filozofii.
Kshyhoo
  1. <script type="text/javascript">
  2. <!-- <![CDATA[
  3. function ile(pole) {
  4. var zaznaczone = 0;
  5. var f = document.getElementById('f1');
  6. for (i=0;i<f.elements["c[]"].length;i++)
  7. if (f.elements["c[]"][i].checked) zaznaczone++;
  8. if (zaznaczone>3) pole.checked = false;
  9. }
  10. // ]]> -->
  11. <form id='f1' action="index.php" method="get"><div>
  12. <input type="checkbox" value="o1" name="c[]" onclick="ile(this)" /> o1<br />
  13. <input type="checkbox" value="o2" name="c[]" onclick="ile(this)" /> o2<br />
  14. <input type="checkbox" value="o3" name="c[]" onclick="ile(this)" /> o3<br />
  15. <input type="checkbox" value="o4" name="c[]" onclick="ile(this)" /> o4<br />
  16. <input type="checkbox" value="o5" name="c[]" onclick="ile(this)" /> o5<br />
  17. <input type="checkbox" value="o6" name="c[]" onclick="ile(this)" /> o6<br />
  18. <input type="checkbox" value="o7" name="c[]" onclick="ile(this)" /> o7<br />
  19. <input type="checkbox" value="o8" name="c[]" onclick="ile(this)" /> o8<br />
  20. <input type="submit" value="wyślij" />
  21. </div></form>
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.