wissenwill: Brett vorm kopp... [JS] [ARRAY]

Beitrag lesen

Hallo!

Möchte eine checkbox hinzufügen - geht aber irgendwie nicht :-( sobald mehr als eine gecheckt ist, funktioniert nichts mehr... Ist bestimmt ganz einfach zu lösen hab aber so ein großes Brett vorm kopp das ich nicht drauf komme :-)

<script type="text/javascript">
function displayArrayContent(thewhat) {
var x = document.forms["myForm"];
var checkedBoxes = '';
var thearrays = new Array();
 if (x.elements["[Category][01]"].checked == true) {
  checkedBoxes = "block";
 }
 else if (x.elements["[Category][02]"].checked == true) {
  checkedBoxes = "block";
 }

else if (x.elements["[Category][03]"].checked == true) {
  checkedBoxes = "block";
 }

else {
  checkedBoxes = "none";
 }
 thearrays = thewhat.split("|");
 for (var i = 0; i < thearrays.length; i++) {
  if (document.getElementById) {
  document.getElementById(thearrays[i]).style.display = checkedBoxes;
  }
 }
}
</script>
<form action="#" method="post" name="myForm">
<input type="checkbox" name="[Category][01]" value="01" onclick="displayArrayContent('cat1|cat2')" /> Channel 1<br/>
<input type="checkbox" name="[Category][02]" value="02" onclick="displayArrayContent('cat1|cat3|cat4')" /> Channel 2<br/>
<input type="checkbox" name="[Category][03]" value="03" onclick="displayArrayContent('cat2|cat3')" /> Channel 3<br/>
<hr />
<div style="display: none" id="cat1">
 <input type="checkbox" name="[Category][1]" value="cat1" /> Category 1
</div>
<div style="display: none;" id="cat2">
 <input type="checkbox" name="[Category][2]" value="cat2" /> Category 2
</div>
<div style="display: none;" id="cat3">
 <input type="checkbox" name="[Category][3]" value="cat3" /> Category 3
</div>
<div style="display: none;" id="cat4">
 <input type="checkbox" name="[Category][4]" value="cat3" /> Category 4
</div>
</form>