Forum PHP.pl > radio - zmiana stylu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

Lord

10.08.2013, 12:05:28

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 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <!-- include our jquery scripts -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
    <script src="js/radio.js" type="text/javascript"></script>
    <style type="text/css">
        li { color: #000; }
        li.selected { color: #FF0000; }
    </style>
</head>
<body>
    <div>
        <ul>
            <li class="test">Test 1 <input type="radio" name="test" /></li>
            <li class="test">Test 2 <input type="radio" name="test" /></li>
            <li class="test">Test 3 <input type="radio" name="test" /></li>
            <li class="test">Test 4 <input type="radio" name="test" /></li>
            <li class="test">Test 5 <input type="radio" name="test" /></li>
        </ul>
    </div>
</body>
</html>
[HTML] pobierz, plaintext

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

nardzo proszę o pomoc bo więcej już nie wygoogluje

kamil4u

10.08.2013, 14:11:51

Po prostu dodaj klasę selected do li.

Kod

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

Lord

10.08.2013, 17:32:50

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.