|
|
Hallo,
ich möchte bei der Auswahl einer Checkbox, dass sich alle hierarchisch angeordneten Checkboxen ebenfalls auswählen, komme aber nicht zu dem wahren Code.
Script-Beispiel:
- <input type=checkbox name='1'>
1<br>
- <input type=checkbox name='5'>
1.1<br>
- <input type=checkbox name='11'>
1.1.1<br>
- <input type=checkbox name='12'>
1.1.2<br>
- <input type=checkbox name='25'>
1.1.3<br>
- <input type=checkbox name='26'>
1.1.4<br>
- <input type=checkbox name='6'>
1.2<br>
- <input type=checkbox name='13'>
1.2.1<br>
- <input type=checkbox name='14'>
1.2.2<br>
- <input type=checkbox name='2'>
2<br>
- <input type=checkbox name='7'>
2.1<br>
- <input type=checkbox name='3'>
3<br>
- <input type=checkbox name='8'>
3.1<br>
- <input type=checkbox name='9'>
3.2<br>
- <input type=checkbox name='24'>
3.2.1<br>
Wenn nun z.B. 1.1 angeklickt wird sollen auch alle 1.1.n aktiviert sein oder bei 3 -> 3.n.n
Vielen Dank im Voraus!
|
|
| 12.10.2005 17:11:22 |
|
Validome
Administrator
Registriert: 04.04.2005
Beiträge: 313
|
|
Hallo,
bitteschön ;-))
Ich hoffe das die Dokumentation ausreichend ist.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<form action="">
<p>
- <input type=checkbox name='1' value="1">
1<br>
- <input type=checkbox name='5' value="1.1">
1.1<br>
- <input type=checkbox name='11' value="1.1.1">
1.1.1<br>
- <input type=checkbox name='12' value="1.1.2">
1.1.2<br>
- <input type=checkbox name='25' value="1.1.3">
1.1.3<br>
- <input type=checkbox name='26' value="1.1.4">
1.1.4<br>
- <input type=checkbox name='6' value="1.2">
1.2<br>
- <input type=checkbox name='13' value="1.2.1">
1.2.1<br>
- <input type=checkbox name='14' value="1.2.2">
1.2.2<br>
- <input type=checkbox name='2' value="2">
2<br>
- <input type=checkbox name='7' value="2.1">
2.1<br>
- <input type=checkbox name='3' value="3">
3<br>
- <input type=checkbox name='8' value="3.1">
3.1<br>
- <input type=checkbox name='9' value="3.2">
3.2<br>
- <input type=checkbox name='24' value="3.2.1">
3.2.1<br>
</p>
</form>
<script type="text/javascript">
// Alle Klicks abfangen
document.body.onclick = function(e) {
var evO = getEventObject(e);
// Klick auf Checkbox ?
if(evO.nodeName == 'INPUT' && evO.type == 'checkbox') {
// Den value der angeklickten Checkbox merken
var val = evO.value;
// Alle input-Elemente...
var inputs = document.getElementsByTagName('input');
// ..."durchgehen"
for(i=0; i < inputs.length; i++) {
// Checkbox ? nicht das Angeklickte ? - "passt" der Wert zur angeklicken Checkbox ?
if(inputs[i].type == 'checkbox' && inputs[i] != evO && inputs[i].value.substr(0, val.length) == val) {
// "passende" Checkbox aktivieren
inputs[i].checked = true;
}
}
}
}
// Holt das ausloesende Eventobjekt
function getEventObject(e) {
// IE ?
if(window.ActiveXObject) {
return window.event.srcElement;
}
else {
if(e.target.nodeName == "#text") {
return e.target.parentNode;
}
else {
return e.target;
}
}
}
</script>
</body>
</html> |
mfg
Thomas Mell
|
|
| 12.10.2005 21:27:00 |
|
|
|
fransen schrieb:
Hallo,
ich möchte bei der Auswahl einer Checkbox, dass sich alle hierarchisch angeordneten Checkboxen ebenfalls auswählen, komme aber nicht zu dem wahren Code.
Script-Beispiel:
- <input type=checkbox name='1'>
1<br>
- <input type=checkbox name='5'>
1.1<br>
- <input type=checkbox name='11'>
1.1.1<br>
- <input type=checkbox name='12'>
1.1.2<br>
- <input type=checkbox name='25'>
1.1.3<br>
- <input type=checkbox name='26'>
1.1.4<br>
- <input type=checkbox name='6'>
1.2<br>
- <input type=checkbox name='13'>
1.2.1<br>
- <input type=checkbox name='14'>
1.2.2<br>
- <input type=checkbox name='2'>
2<br>
- <input type=checkbox name='7'>
2.1<br>
- <input type=checkbox name='3'>
3<br>
- <input type=checkbox name='8'>
3.1<br>
- <input type=checkbox name='9'>
3.2<br>
- <input type=checkbox name='24'>
3.2.1<br>
Wenn nun z.B. 1.1 angeklickt wird sollen auch alle 1.1.n aktiviert sein oder bei 3 -> 3.n.n
Vielen Dank im Voraus! |
|
|
| 02.11.2005 12:59:39 |
|
Wechsel zu
Die letzten Beiträge aus diesen Forum
|
|
