Bei klick auf eine checkbox alle checkboxes aktivierem
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
Hallo,
ich habe eine liste von Privaten Nachrichten auf meiner Homepage.
num m?chte ich, dass wenn man auf eine bestimmte Checkbox klickt, sich diese aktiviert, und auch alle vor den Nachrichten.
Wenn ich eine von den Checkboxen vor einer nachricht deaktiviere, sollen die anderen aktiviert bleiben, nur die zum alle aktivieren soll nicht mehr aktiviert sein.
ausserdem soll, wenn alle Checkboxen vor den Nachrichten manuell (jede einzelnd) aktiviert werden, sich die zum aktivieren aller boxen automatisch einschaltet. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Das funktioniert mit JavaScript. Einfach folgendes in den Header schreiben:
<script type="text/javascript"> <!-- function selectall() { if(document.formular.selall.checked==true) { document.formular.che1.checked=true document.formular.che2.checked=true } else { document.formular.che1.checked=false document.formular.che2.checked=false } } --> </script>
dem Formular musst du den selben Namen geben wie er im Javasript aufgerufen wird also in diesem Fall "formular". "che1" und "che2" sind die Namen der Checkboxen und selall ist der Name der Checkbox, wo alle markiert werden sollen. Bei dieser Checkbox musst du noch als Atribut onchange="javascript:selectall();" angeben.
Beitrag ge?ndert: 12.9.2006 21:36:41 von hugo1990
Beitrag ge?ndert: 12.9.2006 21:45:31 von hugo1990 -
Ja, danke.
Kann man das vieleicht vereinfachen, dass er automatisch alle checkboxen erkennt? -
Ja, danke.
Kann man das vieleicht vereinfachen, dass er automatisch alle checkboxen erkennt?
function mailselect() { var x = document.main.check_all.checked; for(var i=1;i<document.main.length;i++) { document.main.elements[i].checked = x; } }
-
sorry, aber das geht nicht.
ich habe das nun so gemacht:
Im header:
<script type="text/javascript"> function mailselect() { var x = document.main.check_all.checked; for(var i=1;i<document.main.length;i++) { document.main.elements[i].checked = x; } } </script>
Im body:
<form name="main">
<input type="checkbox" onchange="javascript:selectall();">Alles markieren
<input type="checkbox" name="1">1
<input type="checkbox" name="2">2
<input type="checkbox" name="3">3
</form>
Beitrag ge?ndert: 13.9.2006 16:19:33 von speedtouch92 -
sorry, aber das geht nicht.
ich habe das nun so gemacht:
Im header:
<script type="text/javascript"> function mailselect() { var x = document.main.check_all.checked; for(var i=1;i<document.main.length;i++) { document.main.elements[i].checked = x; } } </script>
Im body:
<form name="main">
<input type="checkbox" onchange="javascript:selectall();">Alles markieren
<input type="checkbox" name="1">1
<input type="checkbox" name="2">2
<input type="checkbox" name="3">3
</form>
Beitrag ge?ndert: 13.9.2006 16:19:33 von speedtouch92
ICh hatte das so:
<table style="width:95%;"> <tr> <td width="5%"><center><input type="checkbox" name="check_all" onClick="mailselect();"></center></td> <!-- blubblubb --> </tr> <tr><td><center><input type="checkbox" name="pn24" value="24"></center></td><td><center><strong><a href="index.php?menu=read_pn&id=24">asd</a></strong></center></td><td><center>Strike</center></td><td><center>13.09.2006 - 16:20:04</center></td></tr> <tr><td colspan="4"><center><input type="submit" name="delete_selected" value="Markierte Nachrichten l?schen" /></center></td></tr> </table>
War eben ein Teil eines PN-Systems.
kannst ja dann die unn?tigen Teile weglassen. -
Ah, danke nun geht es.;););)
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage