wyświetlanie zdjęcia po wybraniu opcji radio Opcje

[m4dmike]

Witam,
Chciałbym aby po wybraniu jednej z opcji radio wyświetlało się zdjęcie przypisane do tej opcji. Głowię się i nie mogę nic wymyślić, proszę więc o pomoc.
Wiem, że tutaj jest sam html ale to chyba trzeba wykonać w JS aby zmiana odbywała się bez przeładowania strony, po stronie klienta.

Kod

<form name="form" action="" method="post" >
    <input type="radio" id="1" name="rozmiar" value="1" onClick="<img scr='images/one.jpg'>"/>
    <input type="radio" id="2" name="rozmiar" value="2" onClick="<img scr='images/two.jpg'>"/>
    <input type="radio" id="3" name="rozmiar" value="3" onClick="<img scr='images/three.jpg'>"/>
</form>

Ten post edytował m4dmike 27.07.2012, 08:27:51

[m4dmike]

dokładnie o to chodzi, wielkie dzięki! (IMG:style_emoticons/default/smile.gif)
a wiesz może jak zmieniać style po kliknięciu na radio?

Kod

function change(x)
            {
                img = document.getElementById("image");
                if(x == 1)  
                    img.src = "1.jpg"; document.getElementById('mini').style.width='300px';

                if(x == 2)
                    img.src = "2.jpg"; document.getElementById('mini').style.width='500px';
            }

taki zapis po kliknięciu x==1 zmienia styl, natomiast jak później kliknę x==2 to już nic się nie dzieje.
Jakieś rady?

Ten post edytował m4dmike 28.07.2012, 06:38:34

[mhw]

taki zapis po kliknięciu x==1 zmienia styl, natomiast jak później kliknę x==2 to już nic się nie dzieje.
Jakieś rady?

Eh, podstawy... Jeżeli wykonujesz więcej niż jedną instrukcję po if, to powinieneś umieścić je w klamrze {}, inaczej wykona się tylko pierwsza.

Ten post edytował mhw 28.07.2012, 12:35:18