Avatar billede monarq Praktikant
04. februar 2002 - 23:27 Der er 1 kommentar og
1 løsning

Quiz-prog i JavaScript ?

Hvordan summeres antallet af afkrydsninger i checkbokse på en html-side og udskrives nederst?
Der er også OK hvis summeringen skal aktiveres med en knap.

Eksempel ( _ = checkboks ):

************************

_ spørgsmål 1
_ spørgsmål 2
_ spørgsmål 3
Antal afkrydsninger:

************************
Avatar billede Slettet bruger
14. september 2002 - 10:12 #1
<script>
function sumkryds() {
antal = 0;
for (i = 0; i < document.forms.length; i++) {
for (n = 0; n < document.forms[i].elements.length; n++)
if (document.forms[i].elements[n].type == "checkbox" && document.forms[i].elements[n].checked)
antal++;
}
str = antal + ((antal == 1) ? " checkboks" : " checkbokse") + " afkrydset.";
if (document.getElementById)
document.getElementById("antalcheck").innerHTML = str;
if (document.all)
document.all.antalcheck.innerHTML = str;
if (document.layers)
document.nsantalcheck.document.write(str);
}
</script>

Dér hvor resultatet skal fremkomme:

<div id="antalcheck"><layer id="nsantalcheck">
0 checkbokse afkrydset.
</layer></div>

Og knappen, der lægger sammen:

<form>
<input type="button" value="Tæl sammen" onClick="sumkryds();">
</form>
Avatar billede Slettet bruger
14. september 2002 - 10:16 #2
Hvis du vil gøre det, når brugeren trykker på en checkbox, kan du bare bruge dette:

<script>
antal = 0; //Hvis nogle af checkboksene er afkrydset fra start af, skal tallet ændres!

function kryds(s) {
antal += (s) ? 1 : -1;
str = antal + ((antal == 1) ? " checkboks" : " checkbokse") + " afkrydset.";
if (document.getElementById)
document.getElementById("antalcheck").innerHTML = str;
if (document.all)
document.all.antalcheck.innerHTML = str;
if (document.layers)
document.nsantalcheck.document.write(str);
}
</script>

Du skal stadig indsætte denne kode:

<div id="antalcheck"><layer id="nsantalcheck">
0 checkbokse afkrydset.
</layer></div>

Til gengæld skal der ved hver checkboks stå følgende:

<input type="checkbox" name="bla" onClick="kryds(this.checked);">
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester