Avatar billede riversen Nybegynder
13. marts 2005 - 15:43 Der er 9 kommentarer og
1 løsning

autocheck af checkboxe på underliggende niveauer

Hej,

jeg har nogle checkboxe, som ligger på forskellige niveauer. Jeg vil gerne have lavet det sådan, at checker jeg en box på et niveau, skal checkboxe på underliggende niveauer automatisk checkes. Antallet af niveauer er ikke givet på forhånd.

Jeg ved ikke om man kan grupere det med noget array, noget ala

chk[0]
chk[0][1]
chk[0][2]
chk[1][0]
chk[1][1]
chk[1][1][1]
chk[1][2]
Avatar billede riversen Nybegynder
13. marts 2005 - 15:43 #1
hov sådan:

chk[0]
chk[0][1]
chk[0][2]
chk[1]
chk[1][0]
chk[1][1]
chk[1][1][1]
chk[1][2]
Avatar billede roenving Novice
13. marts 2005 - 15:45 #2
Hvordan ser din kode ud ?-)

-- måske kan man finde ud af noget ud fra den struktur, du har stillet det op med ...
Avatar billede riversen Nybegynder
13. marts 2005 - 15:51 #3
der er ingen kode pt...
Avatar billede roenving Novice
13. marts 2005 - 15:54 #4
Hvis du f.eks. grupperer dem ved hjælp af div'er, kan man jo tage fat i den div, finde alle checkboxe i den og så afkrydse dem !-)
Avatar billede riversen Nybegynder
13. marts 2005 - 15:55 #5
ok, kan du lave et lille hurtigt eksempel der demonstrerer idéen
Avatar billede roenving Novice
13. marts 2005 - 16:09 #6
F.eks.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<title>Checke underliggende checkboxe</title>
<meta name="keywords" content="søgeord adskilt af komma">
<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;}
div{width:400px;border:1px dotted red;padding:3px;}
</style>
<script language="javascript" type="text/javascript">
function checkUnder(elm){
  var inps = elm.parentNode.getElementsByTagName('INPUT');
  for(i=0;inps.length>i;i++)
    if(inps[i].type == 'checkbox')
      inps[i].checked = true;
}
</script>
</head>
<body>
<form id="minForm" name="minForm">
<div>
  <input type="checkbox" onclick="checkUnder(this);">Check alle under
  <div>
    <input type="checkbox" onclick="checkUnder(this);">Check alle under
    <div>
      <input type="checkbox">Check 1-1
      <input type="checkbox">Check 1-2
      <input type="checkbox">Check 1-3
    </div>
  </div>
  <div>
    <input type="checkbox" onclick="checkUnder(this);">Check alle under
    <div>
      <input type="checkbox" onclick="checkUnder(this);">Check alle under (2-1)
      <div>
        <input type="checkbox">Check 2-1-1
        <input type="checkbox">Check 2-1-2
        <input type="checkbox">Check 2-1-3
      </div>
    </div>
    <input type="checkbox">Check 2-2
    <input type="checkbox">Check 2-3 
  </div>
</div>
</form>

</body>

</html>
Avatar billede riversen Nybegynder
13. marts 2005 - 16:12 #7
fint... læg et svar, hvis du vil have point.
Avatar billede roenving Novice
13. marts 2005 - 16:13 #8
Velbekomme '-)
Avatar billede roenving Novice
13. marts 2005 - 16:22 #9
-- og tak for point ;~}
Avatar billede riversen Nybegynder
13. marts 2005 - 17:00 #10
velbekomme ;-)
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