Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript] Zaznaczanie checkbox'ów
djgarsi
post
Post #1





Grupa: Zarejestrowani
Postów: 459
Pomógł: 26
Dołączył: 1.06.2009

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


Witam. Piszę w przedszkolu, bo zapewne mój problem jest banalny, jednak wertuję forum i nie znalazłem rozwiązania mojego problemu.
Otóż muszę zaznaczyć pewien checkbox, tylko nie bardzo wiem jak.

Moje checkboxy wglądają tak:
  1. <a href="#" id="zaznacz">Zaznaczenie</a>
  2. <input type="checkbox" name="nazwa[]" value="4" />
  3. <input type="checkbox" name="nazwa[]" value="5" />
  4. <input type="checkbox" name="nazwa[]" value="6" />
  5. <input type="checkbox" name="nazwa[]" value="7" />
  6. <input type="checkbox" name="nazwa[]" value="8" />


No i tu sedno sprawy. Jak (w JS) kliknięciem w link id="zaznacz", zaznaczyć np checkbox nr 6?
Pozdrawiam.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
djgarsi
post
Post #2





Grupa: Zarejestrowani
Postów: 459
Pomógł: 26
Dołączył: 1.06.2009

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


Odświeżę temat bo chyba mam rozwiązanie, ale jeszcze nie działa tak jak trzeba.
Skrypt niby dodaje atrybut checked ale:
- checkbox nie zaznacza się (firefox),
- checkbox zaznacza się tylko jeden raz, a później nic nie reaguje (chrome).

Oto kody:

[JAVASCRIPT] pobierz, plaintext
  1. $(window).load(function(){
  2. $('#zaznacz1').on('click',function(e){
  3. e.preventDefault();
  4. $('input[type="checkbox"][value="4"]').attr('checked',true);
  5. $('input[type="checkbox"][value="5"]').removeAttr('checked');
  6. $('input[type="checkbox"][value="6"]').removeAttr('checked');
  7. });
  8. $('#zaznacz2').on('click',function(e){
  9. e.preventDefault();
  10. $('input[type="checkbox"][value="4"]').removeAttr('checked');
  11. $('input[type="checkbox"][value="5"]').attr('checked','checked');
  12. $('input[type="checkbox"][value="6"]').removeAttr('checked');
  13. });
  14. $('#zaznacz3').on('click',function(e){
  15. e.preventDefault();
  16. $('input[type="checkbox"][value="4"]').removeAttr('checked');
  17. $('input[type="checkbox"][value="5"]').removeAttr('checked');
  18. $('input[type="checkbox"][value="6"]').attr('checked','checked');
  19. });
  20. });
[JAVASCRIPT] pobierz, plaintext


  1. <a href="#" id="zaznacz1">Zaznaczenie1</a>
  2. <a href="#" id="zaznacz2">Zaznaczenie2</a>
  3. <a href="#" id="zaznacz3">Zaznaczenie3</a>
  4. <input type="checkbox" name="nazwa[]" value="4" />
  5. <input type="checkbox" name="nazwa[]" value="5" />
  6. <input type="checkbox" name="nazwa[]" value="6" />


Ten post edytował djgarsi 8.08.2013, 09:16:50
Go to the top of the page
+Quote Post

Posty w temacie


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: 3.10.2025 - 21:09