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>