Javascript Checkbox en Radio button

[Genotic]

ik heb een vraag,

Ik heb twee checkboxen aangemaakt, als ik dan niks aanvink dan moet hij aangeven dat er niks is aangevinkt. en als er wel wat aangevinkt is moet hij niks aangeven.

Dit zelfde geldt voor Radio button, ik heb de radio buttons man en vrouw er moet zoiezo 1 button aangevinkt worden. Hoe doe ik dit?

Ik heb al wat geexperimenteerd in javascript maar ik kom er niet uit

Javascript gedeelte
function controleer()
{
var checkbox1 = document.getElementById("checkbox1").checked;
var checkbox2 = document.getElementById("checkbox2").checked;

if(checkbox1 == "") {
checkbox1error.innerHTML = "vink 1 aan";
error = 1;
}
else
{
checkbox1error.innerHTML = "";
}

if(checkbox2 == "") {
checkbox2error.innerHTML = "vink 1 aan";
error = 1;
}
else
{
checkbox2error.innerHTML = "";
}

}

HTML gedeelte

<input type="checkbox" name="checkbox1" /><p id="checkbox1error"></p>
<br />
<input type="checkbox" name="checkbox2" /><p id="checkbox2error"></p>

 

[Johantrax]

if ((checkbox1 == "") && (checkbox2 == "")) {
    window.alert('Vink minimum 1 vakje aan!');
}

--Johan

 

[Egel]

.checked is boolean dwz true of false. Dat controleer je dan met: if (!checkbox1 && !checkbox2) foutmelding

Of zo:

<!-- javascript -->

<script type="text/javascript">
 function controleer() {
  var f = document.f, fout = '';
  if (!f.checkbox1.checked && !f.checkbox2.checked) fout += 'Vink minstens 1 checkbox aan.\n';
  if (!f.radiob[0].checked && !f.radiob[1].checked) fout += 'Vink minstens 1 radiobutton aan.\n';
  if (fout == '') return true;
  alert(fout);
  return false;
  };
</script>

<!-- html -->

<form name="f" onsubmit="return controleer()">
 <input type="checkbox" name="checkbox1">a<br>
 <input type="checkbox" name="checkbox2">b<br>
 <input type="radio" name="radiob" value="man">man<br>
 <input type="radio" name="radiob" value="vrouw">vrouw<br>
 <input type="submit">
</form>

de onsubmit="return controleer()" zorgt ervoor dat de functie controleer() wordt uitgevoerd voor het verzenden, als die true als return waarde heeft wordt verzonden bij false niet. (Zodra een functie een return heeft wordt de rest afgebroken, na return true in dit geval.)


Vr.Gr. Egel.