controle radiobuttons

[luukkuul]

Beste mensen,

Om te controleren of een keus gemaakt is binnen dit stuk van het formulier:

<INPUT type='radio' name='actief' value='1'>ja 
<INPUT type='radio' name='actief' value='0'>nee

kun je in javascript de volgende code gebruiken:

!document.formulier.actief[0].checked && 
!document.formulier.actief[1].checked){alert("Geef een keuze.");}

Maar hoe doe ik dat met de volgende naamgeving?

<INPUT type='radio' name='vraag[3]' value=1>ja 
<INPUT type='radio' name='vraag[3]' value=2>nee

deze code:

!document.formulier.vraag[3][0].checked && 
!document.formulier.vraag[3][1].checked){alert("Geef een keuze.");}

doet het dan niet.

Iemand een idee? Alvast hartelijk dank!

Luuk

 

[Glest]

Je kunt twee dingen doen

Geef je inputs een id mee op deze manier:

<input type="radio" id="radio_0" naam="vraag[3]" value="0">
<input type="radio" id="radio_1" naam="vraag[3]" value="1">

en in javascript kun je dan document.getElementById() gebruiken. document.getElementById geeft je een referentie naar één element.

if (!document.getElementById("radio_0").checked && !document.getElementById("radio_1").checked)
{
 // blabla
}

Of, misschien mooier, geen id meegeven en document.getElementsByName() gebruiken. document.getElementsByName geeft je een array met elementen.

var radioArray = document.getElementsByName("vraag[3]");
if (!radioArray[0].checked && !radioArray[1].checked)
{
 // blabla
}