Validering af antal checkbokse

<ole>

var aInp = document.getElementsByName("kendskab");
for (var x=0,i=aInp.length-1; i>=0; i--) {
    if (aInp[i].checked) x++;
    if (x>2) {
        alert("Der er mere end tre afkrydsede emner.");
        break;
    }
}

/mvh
</bole>

Kan man ikke lave sådan at den ikke kommer med en alert, men at man bare kun kan afkrydse 3 af felterne?

Jo, men ville det mon ikke være det modsatte af brugervenlighed? Jeg ville blive rasende irriteret over, jeg ikke kan afkrydse flere - og ikke får besked om, hvorfor  =)

hehe jo det kan du egentlig have ret i.

-- og den kan man jo så sætte dynamisk:

<form action=" ... " onsubmit="return valider(this)">
Dine tre mest kendte sites:<br>
  <input type="checkbox" value="Jubii" name="kendskab" onclick="return max3(this);">Jubii<br>
  <input type="checkbox" value="MSN" name="kendskab" onclick="return max3(this);">MSN<br>
  <input type="checkbox" value="Jubii" name="kendskab" onclick="return max3(this);">Jubii<br>
  <input type="checkbox" value="MSN" name="kendskab" onclick="return max3(this);">MSN<br>
  <input type="checkbox" value="Jubii" name="kendskab" onclick="return max3(this);">Jubii<br>
  <input type="checkbox" value="MSN" name="kendskab" onclick="return max3(this);">MSN<br>
  <input type="checkbox" value="Jubii" name="kendskab" onclick="return max3(this);">Jubii<br>
  <input type="checkbox" value="MSN" name="kendskab" onclick="return max3(this);">MSN<br>
  <input type="checkbox" value="Jubii" name="kendskab" onclick="return max3(this);">Jubii<br>
  <input type="checkbox" value="MSN" name="kendskab" onclick="return max3(this);">MSN<br>
</form>

<script type="text/javascript">
function valider(f){
  //evt. validering af formularen
}
function max3(elm){
  var f = elm.form, chks = f.elements("kendskab"),num=0;
  for(i=0,im=chks.length;im>i;i++){
    num += chks[i].checked ? 1 : 0;
  }
  if(num>3){
    alert("Du skal kun angive dine 3 mest kendte, fjern evt. et andet checkmark !-)");
    elm.checked = false;
  }
}
</script>

Klasse roenving.

Smider i begge et svar?

Har i et godt input til http://www.eksperten.dk/spm/834573 før jeg lukker den?

-- og det endte med, at return i onclick-tingen på checkboksene var overflødig, og lige ved efterkigget kan man jo lave den noget mere dynamisk, så du også kunne lave det på andre grupper af checkbokse med samme funktion:

<form action=" ... " onsubmit="return valider(this)">
Dine tre mest kendte sites:<br>
  <input type="checkbox" value="Jubii" name="kendte" onclick="max3(this);">Jubii<br>
  <input type="checkbox" value="MSN" name="kendte" onclick="max3(this);">MSN<br>
  <input type="checkbox" value="Jubii" name="kendte" onclick="max3(this);">Jubii<br>
  <input type="checkbox" value="MSN" name="kendte" onclick="max3(this);">MSN<br>
  <input type="checkbox" value="Jubii" name="kendte" onclick="max3(this);">Jubii<br>
  <input type="checkbox" value="MSN" name="kendte" onclick="max3(this);">MSN<br>
  <input type="checkbox" value="Jubii" name="kendte" onclick="max3(this);">Jubii<br>
  <input type="checkbox" value="MSN" name="kendte" onclick="max3(this);">MSN<br>
  <input type="checkbox" value="Jubii" name="kendte" onclick="max3(this);">Jubii<br>
  <input type="checkbox" value="MSN" name="kendte" onclick="max3(this);">MSN<br>
De tre dårligste sites:<br>
  <input type="checkbox" value="Jubii" name="ringe" onclick="max3(this);">Jubii<br>
  <input type="checkbox" value="MSN" name="ringe" onclick="max3(this);">MSN<br>
  <input type="checkbox" value="Jubii" name="ringe" onclick="max3(this);">Jubii<br>
  <input type="checkbox" value="MSN" name="ringe" onclick="max3(this);">MSN<br>
  <input type="checkbox" value="Jubii" name="ringe" onclick="max3(this);">Jubii<br>
  <input type="checkbox" value="MSN" name="ringe" onclick="max3(this);">MSN<br>
  <input type="checkbox" value="Jubii" name="ringe" onclick="max3(this);">Jubii<br>
  <input type="checkbox" value="MSN" name="ringe" onclick="max3(this);">MSN<br>
  <input type="checkbox" value="Jubii" name="ringe" onclick="max3(this);">Jubii<br>
  <input type="checkbox" value="MSN" name="ringe" onclick="max3(this);">MSN<br>
</form>

<script type="text/javascript">
function valider(f){
  //evt. validering af formularen
}
function max3(elm){
  var f = elm.form, chks = f.elements(elm.name),num=0;
  for(i=0,im=chks.length;im>i;i++){
    num += chks[i].checked ? 1 : 0;
  }
  if(num>3){
    alert("Du skal kun angive de 3 mest " + elm.name + ", fjern evt. et andet checkmark !-)");
    elm.checked = false;
  }
}
</script>

-- bemærk i øvrigt, at det ikke giver mening at bruge den slags validering og ændring af attributter i xhtml, så den er med vilje lavet med html4-DOM !-)

Velbekomme '-)

Ole smider du også et svar?

Ellers tak, men jeg synes, roenving bør have dem  ;o)

Hvor er du rar :)
Tak for hjælpen drenge. Altid dejligt at lave et spm. og se at der er en af jer der svarer. Når i svarer begge 2, bliver det ikke meget bedre.

-- o jeg takker for point ;~}