checkbox select all parents

Status
Niet open voor verdere reacties.

BuZzzer

Nieuwe gebruiker
Lid geworden
11 jun 2008
Berichten
2
Hallo allemaal,

Ik zit met een checkbox probleempje.

Ik heb een tabel met hoofd categorieën en subcategorieën die gekoppeld staan aan de hoofdcategorie.

Nou wil ik dus als met de checkbox van een hoofdcategorie aanvinkt dat alle subcategorieën die aan deze hoofdcategorie gekoppeld staan ook allemaal aangevinkt worden. Hoe doe ik dit? Hier een voorbeeld van mijn formulier..

PHP:
<input type="checkbox" name="tid[]" value="1"  /> hoofdcategorie
    <input type="checkbox" name="cid[3]" value="1"  />
    <input type="checkbox" name="cid[4]" value="1"  />
    <input type="checkbox" name="cid[5]" value="1"  />
    <input type="checkbox" name="cid[6]" value="1"  />

<input type="checkbox" name="tid[]" value="2"  /> hoofdcategorie 2
    <input type="checkbox" name="cid[7]" value="2"  />
    <input type="checkbox" name="cid[8]" value="2"  />
    <input type="checkbox" name="cid[9]" value="2"  />
    <input type="checkbox" name="cid[10]" value="2"  />

Zoals je ziet zijn er meerdere hoofdcategorieën met daaronder hun gekoppelde subcategorieën. Hoe kan ik bovenstaande realiseren?

Groetjes,
Ronnie
 
Ik weet niet of je het met je huidige naamgeving kunt realiseren.
(Zou wel kunnen, kost alleen veel meer code)
Wanneer je het zo doet moet het wel kunnen:
HTML:
<html>
<head>
  <SCRIPT LANGUAGE="JavaScript">
  function Check(chk) {
    if(document.myform.parent.checked==true){
      for (i = 0; i < chk.length; i++) {
        chk[i].checked = true ;
      }
    } else {
      for (i = 0; i < chk.length; i++) {
        chk[i].checked = false ;
      }
    }
  }
  </script>
</head>
<body>
<form name="myform">
<input type="checkbox" name="parent" value="1" onClick="Check(document.myform.child)" /> hoofdcategorie 
    <input type="checkbox" name="child" value="1"  /> 
    <input type="checkbox" name="child" value="1"  /> 
    <input type="checkbox" name="child" value="1"  /> 
    <input type="checkbox" name="child" value="1"  /> 
</form>
</body>
</html>
 
Helaas gaat dat niet lukken aangezien ik het hoofdid en parentid in de array mee moet geven aan de post...
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan