Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> radio - zmiana stylu
Lord
post
Post #1





Grupa: Zarejestrowani
Postów: 239
Pomógł: 32
Dołączył: 10.03.2004

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

Szukałem w necie takiego rozwiązania. Gdy radio jest zaznaczone to zmieniony jest styl komórki. No i znalazłem:

http://calisza.wordpress.com/tag/radiobutton/

działa idealnie z jednym ale...

Chciałbym domyślnie ustawić 1 radio przez checked i by miał ustaiwony już styl "zaznaczonego", nie znam się na js może mi ktoś pomóc?

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.     <!-- include our jquery scripts -->
  5.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
  6.     <script src="js/radio.js" type="text/javascript"></script>
  7.     <style type="text/css">
  8.         li { color: #000; }
  9.         li.selected { color: #FF0000; }
  10.     </style>
  11. </head>
  12. <body>
  13.     <div>
  14.         <ul>
  15.             <li class="test">Test 1 <input type="radio" name="test" /></li>
  16.             <li class="test">Test 2 <input type="radio" name="test" /></li>
  17.             <li class="test">Test 3 <input type="radio" name="test" /></li>
  18.             <li class="test">Test 4 <input type="radio" name="test" /></li>
  19.             <li class="test">Test 5 <input type="radio" name="test" /></li>
  20.         </ul>
  21.     </div>
  22. </body>
  23. </html>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. $(document).ready(function(){
  2.     $('li').click( function(){
  3.         $('li.selected').removeClass('selected');
  4.         $(this).addClass('selected');
  5.         $(this).children("input[type=radio]").click();
  6.     });
  7. });
[HTML] pobierz, plaintext


nardzo proszę o pomoc bo więcej już nie wygoogluje (IMG:style_emoticons/default/sad.gif)
Go to the top of the page
+Quote Post
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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

Po prostu dodaj klasę selected do li.

Kod
li class="test selected">Test 2 <input type="radio" name="test" /></li>
Go to the top of the page
+Quote Post
Lord
post
Post #3





Grupa: Zarejestrowani
Postów: 239
Pomógł: 32
Dołączył: 10.03.2004

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

Cytat(kamil4u @ 10.08.2013, 15:11:51 ) *
Po prostu dodaj klasę selected do li.

Kod
li class="test selected">Test 2 <input type="radio" name="test" /></li>


no i działa, dziękuje wiedziałem że to będzie coś prostego (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 20.09.2025 - 12:21
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn