Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Blokowanie pozostałych pół checkbox, po wybraniu pięciu opcji
bartek12421
post
Post #1





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 23.05.2008

Ostrzeżenie: (10%)
X----


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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
skowron-line
post
Post #2





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


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.
Go to the top of the page
+Quote Post
Kshyhoo
post
Post #3





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że




  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>
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: 23.08.2025 - 11:13