Behöver hjälp med checkboxar!

Hej!

Jag är inte alls haj på javascript! Jag har tänkt att göra en sida med checkboxar i tre olika nivåer.

Exempelvis:

Nivå A:
Checkbox 1
Checkbox 2
Checkbox 3
Checkbox 4

Nivå B:
Checkbox 5
Checkbox 6
Checkbox 7

Nivå C:
Checkbox 8
Checkbox 9

Jag vill med javascript kolla om en checkbox i varje nivå är ikryssad (en i varje nivå räcker). Om så är fallet ska ett meddelande komma upp om man trycker på "rätta"-knappen annars ett annat meddelande.

Nåt geni som kan?

Tacksam för svar!
Mvh,
Richard

Ska man kunna kryssa i fler alternativ per nivå?
Annars kan du använda radiobuttons.

ja!

Ja, jag har tänkt mig att man ska kunna kryssa i flera alternativ på varje nivå.

Hoppas det är nån smarting som vet hur man ska göra!

Tack på förhand!

Ingen som har nån idé om hur jag skulle kunna göra? :(

richi_f skrev:

Ingen som har nån idé om hur jag skulle kunna göra? :(

Jodå:

<script type="text/javascript">
function validateCheckboxes() {
	var groups = ["a", "b", "c"];

	for(var i in groups) {
		var numberOfChecked = 0;
		var group = document.getElementById(groups[i]);
		var inputs = group.getElementsByTagName("input");
		
		for(var j in inputs)
			if(inputs[j].type == "checkbox" && inputs[j].checked)
				numberOfChecked++;

		if(numberOfChecked==0) {
			alert("Du måste kryssa i fler rutor");
			return false;
		}
	}

	return true;
}
</script>

...

<form onsubmit="return validateCheckboxes()">

<div id="a">

<h3>Nivå A:</h3>

<p><label for="a1">Checkbox 1</label>
   <input type="checkbox" name="a1" id="a1" /></p>
<p><label for="a2">Checkbox 2</label>
   <input type="checkbox" name="a2" id="a2" /></p>
<p><label for="a3">Checkbox 3</label>
   <input type="checkbox" name="a3" id="a3" /></p>
<p><label for="a4">Checkbox 4</label>
   <input type="checkbox" name="a4" id="a4" /></p>

</div>

<div id="b">

<h3>Nivå B:</h3>

<p><label for="b1">Checkbox 5</label>
   <input type="checkbox" name="b1" id="b1" /></p>
<p><label for="b2">Checkbox 6</label>
   <input type="checkbox" name="b2" id="b2" /></p>
<p><label for="b3">Checkbox 7</label>
   <input type="checkbox" name="b3" id="b3" /></p>

</div>

<div id="c">

<h3>Nivå C:</h3>

<p><label for="c1">Checkbox 8</label>
   <input type="checkbox" name="c1" id="c1" /></p>
<p><label for="c2">Checkbox 9</label>
   <input type="checkbox" name="c2" id="c2" /></p>

</div>

<p><input type="submit" value="Skicka" />

</form>

TACK TACK TACK!!!

Tack dectgap! :moose

Du måste vara en av de vänligaste i världen!
Det funkar mycket bra!

Tack än en gång! :e

Mvh,
Richard :e