[Javascript] Variabele in hierarchi

Door Martijn op 22-04-2008 18:42

864 views

Beste mensen,

Is het mogelijk om een variabele te gebruiken in een hierarchishe syntax?

Voorbeeld:



function GetSelectedItem(vraag) 
{
        waarde = "";

        // HIJ PAKT LETTERLIJK vraag I.P.V. er vraag1 VAN TE MAKEN
	len = document.frmVragen.vraag.length;

	for (i = 0; i <len; i++)
	{
		if (document.frmVragen.vraag[i].checked) 
		{
			waarde = document.frmVragen.vraag[i].value;
		}
	}

	if (waarde == "") 
	{
		alert("Niks");
	}
	else
	{
		return waarde;
	}
}

In mijn form:
<input type="radio" name="vraag1" value="top"/>
<input type="radio" name="vraag2" value="top"/>
<input type="radio" name="vraag3" value="top"/>

De functie wil ik in dit geval dus 3 keer aanroepen om erachter te komen welke waarde er is aangeklikt. Alleen het punt is nu, hoe doe ik dit?
Op bovenstaande wijze pakt hij 'letterlijk' vraag i.p.v. er vraag1 neer te zetten.

Hopelijk is het een beetje duidelijk.

Alvast bedankt,

Martijn

Jesper Diovo

22-04-2008 18:53

Doe het op ID ipv op form.


function GetSelectedItem(vraag) {
  var waarde;
  var length = document.getElementById("formulier1").length;
  for(i=0; i<=length; i++) {
    if(document.getElementById("vraag"+i).checked) {
      waarde = document.getElementById("vraag"+i).value;
    }
  }

  if(waarde == "") {
    alert("Niks");
  } else {
    return waarde;
  }
}

Edit: geef een onclick-event aan je radio-inputs. Bij vraag1 zet je onclick="GetSelectedItem('vraag1');", vraag2 is vraag2, etc. etc.

Martijn

22-04-2008 19:35

Kom er niet uit joh. Ik zal wat meer achtergrondinfo geven, mss helpt dat.

Ik ben bezig een enquete te maken. Mijn form ziet er nu zo uit:


	<form name="frmVragen" onSubmit="javascript:ValidateForm(this); return false">
	<p>Vraag 1</p>
	<p>Wat vind je van ?</p>
	<input type="radio" id="antw1" name="vraag1" value="bout"> Bout <br/>
	<input type="radio" id="antw2" name="vraag1"  value="lauw"> Lauw <br/>
	<input type="radio" id="antw3" name="vraag1"  value="grauw"> Grauw <br/>

	<p>Vraag 1</p>
	<p>Wat vind je van ?</p>
	<input type="radio" id="antw1" name="vraag2" value="bout"> Bout <br/>
	<input type="radio" id="antw2" name="vraag2" value="lauw"> Lauw <br/>
	<input type="radio" id="antw3" name="vraag2" value="grauw"> Grauw <br/>

	<p>Vraag 1</p>
	<p>Wat vind je van ?</p>
	<input type="radio" id="antw1" name="vraag3"  value="bout"> Bout <br/>
	<input type="radio" id="antw2" name="vraag3"  value="lauw"> Lauw <br/>
	<input type="radio" id="antw3" name="vraag3"  value="grauw"> Grauw <br/>

	<p>Vraag 1</p>
	<p>Wat vind je van ?</p>
	<input type="radio" id="antw1" name="vraag4"  value="bout"> Bout <br/>
	<input type="radio" id="antw2" name="vraag4"  value="lauw"> Lauw <br/>
	<input type="radio" id="antw3" name="vraag4"  value="grauw"> Grauw <br/>

	<p>Vraag 1</p>
	<p>Wat vind je van ?</p>
	<input type="radio" id="antw1" name="vraag5"  value="bout"> Bout <br/>
	<input type="radio" id="antw2" name="vraag5"  value="lauw"> Lauw <br/>
	<input type="radio" id="antw3" name="vraag5"  value="grauw"> Grauw <br/>
	<br/>
	<input type="submit" name="submit" value="Afronden"/>
	</form>

Ik wil dus per vraag afgaan welke keuze er is gemaakt.

Thnx alvast :)

Reageren

Inloggen om te reageren