[CSS][JavaScript] Zmiana stylu diva jeśli zaznaczony jest guzik radio |
[CSS][JavaScript] Zmiana stylu diva jeśli zaznaczony jest guzik radio |
28.07.2012, 00:28:36
Post
#1
|
|
Grupa: Zarejestrowani Postów: 135 Pomógł: 0 Dołączył: 21.09.2005 Ostrzeżenie: (10%) |
Witam, korzystam z tego skryptu: http://jsfiddle.net/FnY7x/
Pozwala on na zaznaczenie pola input type='radio' po kliknięciu na div
CSS:
Jednak oprócz tego pobieram z bazy zapisane ID i zaznaczam je skryptem: Teraz pytanie: w jaki sposób zmienić klase div'a z .big na .hli jeśli zaznaczony jest jest radio? Skrypt na samej górze zmienia klase diva dopiero po kliknięciu. Edit: dla jasności pokazuje o co mi chodzi: http://jsfiddle.net/FnY7x/2/ Chcę by drugi div miał tło żółte jeśli radio jest zaznaczone (aktualnie zmienia się na żółte dopiero po kliknięciu) Ten post edytował szymek001 28.07.2012, 00:33:28 |
|
|
28.07.2012, 00:59:44
Post
#2
|
|
Developer Grupa: Moderatorzy Postów: 3 045 Pomógł: 290 Dołączył: 20.01.2007 |
|
|
|
28.07.2012, 01:09:16
Post
#3
|
|
Grupa: Zarejestrowani Postów: 135 Pomógł: 0 Dołączył: 21.09.2005 Ostrzeżenie: (10%) |
tak, o to chodziło tylko jeszcze jedno ale..
co jeśli w formularzu mam taką budowę: Kod <div class="big"><div class="input"><input class='radio' type='radio' name='nazwa' id='id1' value='wartość1' />Wartość1</div></div> ?Przez to zmienia się klasa diva wewnętrznego (class="input"), jest możliwość by zmienić główny div (class="big")? http://jsfiddle.net/FnY7x/4/ Ten post edytował szymek001 28.07.2012, 01:15:45 |
|
|
28.07.2012, 01:22:28
Post
#4
|
|
Developer Grupa: Moderatorzy Postów: 3 045 Pomógł: 290 Dołączył: 20.01.2007 |
|
|
|
28.07.2012, 01:32:55
Post
#5
|
|
Grupa: Zarejestrowani Postów: 135 Pomógł: 0 Dołączył: 21.09.2005 Ostrzeżenie: (10%) |
Jea, działa idealnie! Wielkie dzięki za odpowiedź o tej porze!
Myślałem że poczekam do poniedziałku, a tu miła niespodzianka |
|
|
6.11.2014, 19:39:54
Post
#6
|
|
Grupa: Zarejestrowani Postów: 3 Pomógł: 0 Dołączył: 6.11.2014 Ostrzeżenie: (0%) |
Na poczatek chciałem sie przywitać.
A teraz do sedna męcze się już dłuższy czas z tym skryptem, może mi ktoś podpowiedzieć jak zrobić żeby po naciśnięciu zmieniły się style kilku div wewnątrz tzn jak jest <div class="big"> <div class="aa">This is a div 2</div> <div class="bb">This is a div 2</div> <input name="chb" type="radio" /> </div> to żeby nie tylko big się zmienił, ale również aa i bb Z góry dziekuję. |
|
|
6.11.2014, 19:56:57
Post
#7
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
(Po naciśnięciu, a nie po naciśnięciu i przeładowaniu strony.) -------------------- |
|
|
7.11.2014, 12:01:11
Post
#8
|
|
Grupa: Zarejestrowani Postów: 3 Pomógł: 0 Dołączył: 6.11.2014 Ostrzeżenie: (0%) |
Niestety nie do końca to tak działa jak chcę. Po kliknięciu zmienia się na chwilę styl, a mi chodzi żeby po kliknięciu w pole zmieniały się style kilków divów do czasu wyboru innego inputa.
|
|
|
7.11.2014, 12:04:33
Post
#9
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
-------------------- |
|
|
7.11.2014, 12:33:52
Post
#10
|
|
Grupa: Zarejestrowani Postów: 3 Pomógł: 0 Dołączył: 6.11.2014 Ostrzeżenie: (0%) |
Dzięki wielkie męczyłem się z tym wczoraj kilka godzin, a to było takie proste. lekko zmodyfikowałem i działa dla kazdego diva z osobna. Jak by komuś było potrzebne niżej kod:
input[name="chb"]:checked+div>div.aa{ background:blue; } input[name="chb"]:checked+div>div.bb {background:yellow;} |
|
|
Wersja Lo-Fi | Aktualny czas: 20.04.2024 - 00:47 |