[CSS][HTML] Obrazkowy formularz radio

[CSS][HTML] Obrazkowy formularz radio

-Albinos-	27.10.2012, 11:45:41 Post #1
Goście	Witam, mam mały problem gdyż chcę zrobić sobie prosty formularz z polami jednokrotnego wyboru. 3 wiersze z 4 opcjami, i jest tak że conajmniej 1 pole z 4 opcji w każdym wierszu musi być zaznaczone. Wszytko działa ale teraz zamiast tej ikonki kropki którą zaznaczamy chciałbym aby były powiedzmy obrazki i ten który jest zaznaczony to ma obramowanie powiedzmy 2 piksele jakiegoś koloru. Czy da się to zrobić w html/css czy w js? Pozdrawiam

Odpowiedzi

b4rt3kk Zobacz profil	27.10.2012, 22:06:59 Post #2
Grupa: Zarejestrowani Postów: 1 933 Pomógł: 460 Dołączył: 2.04.2010 Skąd: Lublin Ostrzeżenie: (0%)	No nie wiem, spróbuj czegoś w tym rodzaju może. Wspomogłem się jQuery. [HTML] pobierz, plaintext <head> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script> <script type="text/javascript"> $(function(){ $('input[type="radio"]').click(function(){ $('.obrazek').attr('style', ''); $(this).parent('label').children('img').attr('style', 'border: 5px solid yellow'); }); }); </script> </head> <input type="hidden" name="wyslane" value="TRUE" /> <p><h3>Tekst1</h3> <label><img src="images/img1.jpg" alt="img1" class="obrazek" /> <input class="opcja" type="radio" name="opcja1" value="T" /></label> <label><img src="images/img1.jpg" alt="img2" class="obrazek" /> <input class="opcja"type="radio" name="opcja1" value="K" /></label> <label><img src="images/img1.jpg" alt="img3" class="obrazek" /> <input class="opcja"type="radio" name="opcja1" value="S" /></label> <label><img src="images/img1.jpg" alt="img4" class="obrazek" /> <input class="opcja" type="radio" name="opcja1" value="P" /></label> </p> [HTML] pobierz, plaintext

Posty w temacie

Albinos [CSS][HTML] Obrazkowy formularz radio 27.10.2012, 11:45:41

b4rt3kk Tutaj masz jak to zrobić w css: http://www.wufoo.... 27.10.2012, 12:00:20

Albinos Dzięki, ale chodzi o to że mam np po 4 produkty w ... 27.10.2012, 12:55:19

b4rt3kk W takim razie musisz obrazek opakować w label dane... 27.10.2012, 13:36:54

Albinos Ok i dodałem sobie w scc dla label img border ale ... 27.10.2012, 13:45:25

b4rt3kk [HTML] pobierz, plaintext .klasaRadio:checked + .k... 27.10.2012, 13:56:23

Albinos Eh no właśnie z tymi selektorami problem: Taki fo... 27.10.2012, 14:02:41

b4rt3kk No nie wiem, spróbuj czegoś w tym rodzaju może. Ws... 27.10.2012, 22:06:59

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

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

Aktualny czas: 8.10.2025 - 20:54

Hosting zapewnia

Forum PHP.pl