[Javascript] Variabele in hierarchi
Is het mogelijk om een variabele te gebruiken in een hierarchishe syntax?
Voorbeeld:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
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;
}
}
{
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
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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;
}
}
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.
Gewijzigd op 01/01/1970 01:00:00 door Jesper Diovo
Ik ben bezig een enquete te maken. Mijn form ziet er nu zo uit:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<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>
<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 :)