Forum PHP.pl

Witam. Mam taki problem z formularzem. Mam do napisania prosty test z trzema odpowiedziami i jedna ma byc poprawna. Html wyglada tak:

[HTML] pobierz, plaintext 
<form name="formularz" method="post">
	<span class="pogrubiebie">Zadanie 1.</span> Pytanie 1
	<ul>
		<li><input type="radio" name="pyt1" value="1" />Odp1</li>
		<li><input type="radio" name="pyt1" value="2" />Odp2</li>
		<li><input type="radio" name="pyt1" value="3" />Odp3</li>
	</ul>
</form>
[HTML] pobierz, plaintext 

a w js mam otrzymac, ktore pole jest zaznaczone i gdy na przyklad 1 bedzie zaznaczone to odpowiedz jest poprawna a gdy inne jest zaznaczone to odpowiedz jest zla. I wlasnie tu zaczynaja sie schody bo nie bardzo umie js i nie umie uzyskac, wartosci, ktora zostala zaznaczona. Gdzies wyczytalem ze robi sie to tak:

[HTML] pobierz, plaintext 
var odpowiedz = (document.forms['formularz'].pyt1.value);
[HTML] pobierz, plaintext 

ale to niebardzo mi dziala, tzn wywala mi undefined...:/ Jesli wiecie jak cos takiego zrobic to prosze o jakas podpowiedz... Moze cos dodatkowo trzeba wykorzystac...? Pozdrawiam, Łukasz.

[HTML] pobierz, plaintext 
<li><input type="radio" name="pyt1" value="2" />Odp2</li>
[HTML] pobierz, plaintext 

zamien na:

[HTML] pobierz, plaintext 
<li><input type="radio" name="pyt1" value="2" id="jakiesid"/>Odp2</li>
[HTML] pobierz, plaintext 

jak widzisz dodalem tylko ID i teraz mozesz tak:

[HTML] pobierz, plaintext 
var wartosc = document.getElementById['jakiesid'].value;
[HTML] pobierz, plaintext 

pod ta zmienna masz teraz wartosc
oczywiscie mozna bez uzycia ID zrobic to w inny sposob, ale ja robie tak i dlatego tak pokazuje
ps. czy sprawdzanie poprawnosci w JS ma sens jesli chodzi o test? chyba ze jest malo wazny, bo ktos zajrzy w kod i od razu bedzie wiedzial co zaznaczac. Tak samo kiedys mialem test na studiach przez neta z przysposobienia bibliotecznego ktos zrobil value="1" przy poprawnych odpowiedziach ahhhhhh te nie dopatrzenia

Ten post edytował my salsa 6.10.2007, 18:26:01

Witam ponownie. Zrobilem tak jak radzisz ale niestety cos jednak nie chce mi to dzialac. Mam teraz cos takiego:

[HTML] pobierz, plaintext 
<li><input type="radio" name="pyt1" value="0" id="zadanie1" />Odp1</li>
<li><input type="radio" name="pyt1" value="1" id="zadanie1" />Odp2</li>
<li><input type="radio" name="pyt1" value="0" id="zadanie1" />Odp3</li>
[HTML] pobierz, plaintext 

i w js cos takiego:

[HTML] pobierz, plaintext 
var wartosc = document.getElementById['zadanie1'].value;
alert(wartosc);
[HTML] pobierz, plaintext 

Teoretycznie wyglada to dobrze, a jednak nie dziala. A co do bezpieczenstwa testu to rozwiazywac go beda dzieci z klas 1-3 wiec o podgladniecie kodu sie nie martwie. Jesli znasz my salsa jednak jakis bezpieczniejszy sposob w js na taki test to podpowiedz co wykorzystac, moze sie przyda na przyszlosc. Ja cos takiego robie zawsze za pomoca PHP ale w tym przypadku nie moge z nigo skorzystac. Pozdrawiam, Łukasz.

[HTML] pobierz, plaintext 
<script>
function CheckRadio(RadioName)
{
    var RadioButtons = document.getElementsByName(RadioName);
    for(i = 0; i < RadioButtons.length; i++)
    {
        if(RadioButtons[i].checked)
        {
            document.getElementById('Answer').value = RadioButtons[i].value;
        }
    }
}
</script>
 
<li><input type="radio" name="MyRadioField" value="1">Odpowiedź 1</li>
<li><input type="radio" name="MyRadioField" value="2">Odpowiedź 2</li>
<li><input type="radio" name="MyRadioField" value="3">Odpowiedź 3</li>
 
<input type="button" onclick="CheckRadio('MyRadioField');" value="Sprawdź">
 
<input id="Answer" size="1">
[HTML] pobierz, plaintext 

Takie rozwiązanie Cię zadowala? Chyba właściwie nie masz wyjścia, bo z tego co wiem, jedynym sposobem na sprawdzenie który element jest zaznaczony to sprawdzenie po kolei każdej możliwości.

Pozdrawiam!

Ten post edytował Nattfarinn 6.10.2007, 21:54:47