Avatar billede carparknorth Nybegynder
21. oktober 2003 - 21:21 Der er 8 kommentarer og
1 løsning

Checkbox - counter

Hejsa...

Jeg vil gerne have et eksempel, eller bare idéer til, hvordan laver følgende javscript:

Jeg vil have en række checkboxes på min hjemmeside, som folk kan tjekke af. Hvis denne checkbox bliver tjekket af, skal der være en counter/tæller, der holder styr på hvor mange der er afkrydset.

Er det forståligt?
Avatar billede carparknorth Nybegynder
21. oktober 2003 - 21:26 #1
Eks:
http://office.microsoft.com/clipart/results.aspx?Scope=MC&Query=Videnskab&PoleAssetID=MCj02808110000&Origin=HH010686801030&CTT=5

Jeg vil ikke have alt det andet lir med. Jeg vil bare have sådan at når man klikke i checkboxen skal counteren opdateres.
Avatar billede roenving Novice
21. oktober 2003 - 21:30 #2
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tæl checkboxe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
var x = 0;
function showCheckNumber(){
document.getElementById('minSpan').innerHTML="Ialt <b> "+x+" </b> checkboxe afkydset"
}
</script>

</head>

<body>
<input type="checkbox" onclick="x+=(this.checked)?1:-1;showCheckNumber()"><br>
<input type="checkbox" onclick="x+=(this.checked)?1:-1;showCheckNumber()"><br>
<input type="checkbox" onclick="x+=(this.checked)?1:-1;showCheckNumber()"><br>
<input type="checkbox" onclick="x+=(this.checked)?1:-1;showCheckNumber()"><br>
<input type="checkbox" onclick="x+=(this.checked)?1:-1;showCheckNumber()"><br>
<input type="checkbox" onclick="x+=(this.checked)?1:-1;showCheckNumber()"><br>
<input type="checkbox" onclick="x+=(this.checked)?1:-1;showCheckNumber()"><br>
<input type="checkbox" onclick="x+=(this.checked)?1:-1;showCheckNumber()"><br>
<input type="checkbox" onclick="x+=(this.checked)?1:-1;showCheckNumber()"><br>
<input type="checkbox" onclick="x+=(this.checked)?1:-1;showCheckNumber()"><br>
<input type="checkbox" onclick="x+=(this.checked)?1:-1;showCheckNumber()"><br>
<input type="checkbox" onclick="x+=(this.checked)?1:-1;showCheckNumber()"><br>
<input type="checkbox" onclick="x+=(this.checked)?1:-1;showCheckNumber()"><br>
<input type="checkbox" onclick="x+=(this.checked)?1:-1;showCheckNumber()"><br>
<br>

</form>
<span id="minSpan">En span-tekst</span>
</body>

</html>
Avatar billede carparknorth Nybegynder
21. oktober 2003 - 21:40 #3
OK... Damn du er sej! Læg et svar, tusind tak skal du have for dit hurtige og meget flotte svar!
Avatar billede roenving Novice
21. oktober 2003 - 21:41 #4
Velbekomme '-)
Avatar billede carparknorth Nybegynder
21. oktober 2003 - 21:42 #5
Du skulle vel ikke have forstand på ADSI også?
Avatar billede carparknorth Nybegynder
21. oktober 2003 - 21:44 #6
Jeg har lige en lille ting til scriptet overover...

Er det muligt at få den til at gøre en undtagelse?

Hvis der kun er 1 checkbox afkrydset, kan man så lave sådan, at den kun skriver "1 checkbox" i stedet for "1 checkboxe"?
Avatar billede roenving Novice
21. oktober 2003 - 21:49 #7
Selvfølgelig:

document.getElementById('minSpan').innerHTML="Ialt <b> "+x+" </b> checkbox"+(x!=1)?"e":""+" afkydset"

-- ADSI ?-)

Er det måske adsl -- det tror jeg du må over i en eller anden hardware eller internet-forbindelses-kategori med ...

-- og tak for points ;~}
Avatar billede carparknorth Nybegynder
21. oktober 2003 - 21:51 #8
Hehe... nej, det er desværre ikke ADSL.

ADSI og DHCP har jeg lige et lille spørgsmål om i en anden kategorie. Men Tak for scriptet! Det var lækkert.
Avatar billede roenving Novice
21. oktober 2003 - 22:06 #9
Hov, jeg blev nødt til i webwriteren:

document.getElementById('minSpan').innerHTML="Ialt <b> "+x+" </b> checkbox"+((x!=1)?"e":"")+" afkrydset";
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