Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> 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?

  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. <!-- include our jquery scripts -->
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
  5. <script src="js/radio.js" type="text/javascript"></script>
  6. <style type="text/css">
  7. li { color: #000; }
  8. li.selected { color: #FF0000; }
  9. </style>
  10. </head>
  11. <div>
  12. <ul>
  13. <li class="test">Test 1 <input type="radio" name="test" /></li>
  14. <li class="test">Test 2 <input type="radio" name="test" /></li>
  15. <li class="test">Test 3 <input type="radio" name="test" /></li>
  16. <li class="test">Test 4 <input type="radio" name="test" /></li>
  17. <li class="test">Test 5 <input type="radio" name="test" /></li>
  18. </ul>
  19. </div>
  20. </body>
  21. </html>


  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. });


nardzo proszę o pomoc bo więcej już nie wygoogluje sad.gif
Go to the top of the page
+Quote Post

Posty w temacie
- Lord   radio - zmiana stylu   10.08.2013, 12:05:28
- - kamil4u   Po prostu dodaj klasę selected do li. Kodli class...   10.08.2013, 14:11:51
- - Lord   Cytat(kamil4u @ 10.08.2013, 15:11:51 ...   10.08.2013, 17:32:50


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

 



RSS Aktualny czas: 20.08.2025 - 12:32