Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][JavaScript]Odznaczanie radio button
eminiasty
post 27.12.2017, 19:52:18
Post #1





Grupa: Zarejestrowani
Postów: 267
Pomógł: 0
Dołączył: 11.09.2015

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

http://viamarimar.cba.pl/testoo/Nowy%20folder/

Co muszę zmienić w js/css by po kliknięciu w kolejny radio button obrazek się odznaczał( ciemne tło na obrazku).
Chcę by była opcja wybrania tylko jednej możliwości.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 4)
Evinek
post 27.12.2017, 20:08:12
Post #2





Grupa: Zarejestrowani
Postów: 280
Pomógł: 46
Dołączył: 23.03.2010

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

Po kliknięciu usuń klasę check dla każdego elementu.
Potem aktywuj tylko dla wybranego/aktualnego.

Metody z jQuery: removeClass, addClass.
Go to the top of the page
+Quote Post
eminiasty
post 27.12.2017, 20:12:42
Post #3





Grupa: Zarejestrowani
Postów: 267
Pomógł: 0
Dołączył: 11.09.2015

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

Kombinowałem tak ale bez efektu: 

[PHP] pobierz, plaintext 
  1. $(".img-check").click(function () {
  2.         $("body").removeClass("check");
  3.         $(this).addClass("check");
  4.     });
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
Evinek
post 27.12.2017, 20:22:04
Post #4





Grupa: Zarejestrowani
Postów: 280
Pomógł: 46
Dołączył: 23.03.2010

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

Powinieneś usuwać klasę dla każdego elementu, który może posiadać tę klasę. Tag <body> na pewno nie będzie posiadał tej klasy.


Zerknij sobie na przykład:
https://jsfiddle.net/rr5kf6e6/
Go to the top of the page
+Quote Post
trzczy
post 27.12.2017, 22:27:30
Post #5





Grupa: Zarejestrowani
Postów: 460
Pomógł: 49
Dołączył: 5.06.2011

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

Jako ciekawostka rozwiązanie bez js:

http://jsbin.com/image-instead-of-radio-bu...html,css,output

To co ma się zmieniać powinno być w tagach label.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 04:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn