Søg
Avatar billede twiggy Nybegynder
09. november 2005 - 04:39 Der er 10 kommentarer og
2 løsninger

Afkryds alle checkboxe i en form

Halløj eksperter,

Jeg har en checkbox ude foran nogle beskeder i mit lille mail system
Og dem kan man så afkrydse og slette de afkrydset

Men i stedet for hele tiden af afkrydse alle checkboxe ville jeg gerne have en funktion der gør det for mig når jeg trykket på eks Afkryds alle :)

Min form hedder beskeder hvis det er til nogen hjælp :D?
Avatar billede roenving Novice
09. november 2005 - 05:23 #1
Hrm, alle ?-)

-- den skal du nok lige overveje en gang til, for du får garanteret en dag en ide til en ny funktionalitet, som smartest implementeres med en checkbox, men ingen sammenhæng har med dine beskeder !-)

-- men koden ser sådan ud, hvis f.eks. alle dine checkbokse hedder beskedXXX, hvor XXX er et tal eller andet, som betegner besked-checkboksene ...

<script type="text/javascript">
function checkAllMsgs(elm){
  var inps = elm.form.getElementsByTagName('input');
  for(i=0;inps.length>i;i++){
    if(inps[i].type == 'checkbox' && inps[i].name.indexOf('besked') == 0)
      inps[i].checked = elm.checked;
  }
}
</script>


Afkryds/slet alle <input type="checkbox" onclick="checkAllMsgs(this);">

-- og 200 point er beregnet til den eksorbitant svære opgave, det opfylder dette spørgsmål altså ikke !o]
Avatar billede twiggy Nybegynder
09. november 2005 - 14:03 #2
Syntes ikke rigtig det virker :O
Avatar billede roenving Novice
10. november 2005 - 11:43 #3
F.eks. sådan:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>
<script type="text/javascript">
function checkAllMsgs(elm){
  var inps = elm.form.getElementsByTagName('input');
  for(i=0;inps.length>i;i++){
    if(inps[i].type == 'checkbox' && inps[i].name.indexOf('besked') == 0)
      inps[i].checked = elm.checked;
  }
}
</script>
<title>Check alle (selektivt)</title>
</head>

<body>
<br>
<form id="minForm" name="minForm">
<br>Check alle beskeder<input type="checkbox" name="checkAll" onclick="checkAllMsgs(this)">
<br>Besked 1<input type="checkbox" name="besked1">
<br>Besked 2<input type="checkbox" name="besked2">
<br>Besked 3<input type="checkbox" name="besked3">
<br>Besked 4<input type="checkbox" name="besked4">
<br>Besked 5<input type="checkbox" name="besked5">

<br>Ønsker besked ved nye indlæg<input type="checkbox" name="nyeIndlaeg">

</form>
</body>
</html>
Avatar billede twiggy Nybegynder
12. november 2005 - 17:15 #4
JA det virker, men alle felterne hedder fjernes[] og der hedder de besked 1,2,3 osv :O
Avatar billede roenving Novice
13. november 2005 - 04:40 #5
Det må du lige vise med et fragment af din kode ...
Avatar billede twiggy Nybegynder
24. november 2005 - 05:54 #6
Nej undskyld det virker :)

Men kan du ikke gøre så det står som tekst og man ikke skal afkrydse en boks før de andre bliver markeret :D?
Avatar billede roenving Novice
24. november 2005 - 13:31 #7
Lav en label til checkboxen:

<label for="checkAll">Check alle beskeder</label>
<input type="checkbox" name="checkAll" id="checkAll" onclick="checkAllMsgs(this);">

Så kan man selv vælge om man vil klikke på teksten eller checkboxen !-)

-- hvis du ikke vil have, at man kan se den, kan du f.eks. style="width:0px;" på checkboxen ...
Avatar billede twiggy Nybegynder
03. december 2005 - 22:40 #8
Mange tak :)

VIl du ligge et svar :)?
Avatar billede roenving Novice
06. december 2005 - 12:00 #9
Velbekomme '-)
Avatar billede roenving Novice
06. december 2005 - 12:00 #10
-- og behold selv de fleste af dine point ;~}
Avatar billede twiggy Nybegynder
11. december 2005 - 02:07 #11
beholder bare 50 så :D hvis det kan gøre dig glad :p
Avatar billede roenving Novice
12. december 2005 - 11:13 #12
Tak for point ;~}
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
18 min siden Lokal konto Af Bent i Windows
I går 16:16 Inverse formler Af tdktman i Excel
I går 15:33 disk plads på server Af dcedata1977 i Servere
I går 09:09 Flere brugere i 1 delt pivottabel Af mira96ac i Excel
25/0518:29 Beregning af flextid - formler Af Slettet bruger i Excel
White papers
Flere white papers »