Checkboxen und JavaScript

Hallo zusammen,

ich habe ein kleines Problem mit Checkboxen wozu ich vermutlich JavaScript
verwenden muss. Ich habe auch schon gegoogelt aber leider niochts passendes
gefunden.
Und zwar habe ich Checkboxen wie folgt angeordnet:

A1 B1
A2 B2
A3 B3

in der A-Spalte darf jeweils nur eine Checkbox ausgewählt werden, ebenso in
der B-Spalte. Soweit kein Problem, jetzt soll aber zusätzlich noch geprüft
werden, dass die Checkbox in der Spalte A automatisch umspringt wenn eine
Checkbox aus Spalte B gewählt wurde, die weiter unten liegt.
Ich hoffe dass ist einigermassen verständlich. Also wenn beispielsweise A2
und B2 gesetzt sind und auf B3 gewechselt wird, soll automatisch von A2 auf
A3 umgesprungen werden. Kann mir da bitte jemand einen Tipp geben wie ich da
weiter mache? Das Formular habe ich so weit fertig (siehe unten).


Besten Dank und liebe Grüße,
Anne


<form name="rechte" method="post" action="index.php">
<table>
<tr>
<td rowspan="2" align="center" class="white"
width="200"><b>Berechtigung</b></td>
<td colspan="2" align="center" class="white"><b>Rechte</b></td>
</tr>
<tr>
<td align="center" class="white" width="80"><b>Lesen</b></td>
<td align="center" class="white" width="80"><b>Schreiben</b></td>
</tr>
<tr>
<td align="left">keinerlei Rechte</td>
<td align="center"><input type="radio" name="a" value="0" ></td>
<td align="center"><input type="radio" name="b" value="0" ></td>
</tr>
<tr>
<td align="left">eingeschränkte Rechte</td>
<td align="center"><input type="radio" name="a" value="1" ></td>
<td align="center"><input type="radio" name="b" value="1" ></td>
</tr>
<tr>
<td align="left">volle Rechte</td>
<td align="center"><input type="radio" name="a" value="2" checked></td>
<td align="center"><input type="radio" name="b" value="2" checked></td>
</tr>
</table>
<br />
<input type="submit" value="Speichern">
<input type="hidden" name="action" value="save">
</form>

Anne Nubis schrieb:

ich habe ein kleines Problem mit Checkboxen wozu ich vermutlich JavaScript
verwenden muss.

Was passiert mit Usern, die JavaScript deaktiviert haben?

Und zwar habe ich Checkboxen wie folgt angeordnet:
A1 B1
A2 B2
A3 B3

in der A-Spalte darf jeweils nur eine Checkbox ausgewählt werden, ebenso in
der B-Spalte.

Warum nimmst Du dann keine Radio-Objekte?

Soweit kein Problem, jetzt soll aber zusätzlich noch geprüft
werden, dass die Checkbox in der Spalte A automatisch umspringt wenn eine
Checkbox aus Spalte B gewählt wurde, die weiter unten liegt.
Ich hoffe dass ist einigermassen verständlich. Also wenn beispielsweise A2
und B2 gesetzt sind und auf B3 gewechselt wird, soll automatisch von A2 auf
A3 umgesprungen werden. Kann mir da bitte jemand einen Tipp geben wie ich da
weiter mache?

Du weisst, wie man uner JavaScript Radio-Objekte referenziert?
--> http://dcljs.de/faq/antwort.php?Antw...ms_radioselect

Das Formular habe ich so weit fertig (siehe unten).

Jo, und das naechste mal kuerzt Du das bitte auf das Wesentliche! Also
alles <table>-Gedoehns und class-Schrott raus.

form name="rechte" ...
input type="radio" name="a" value="0"

Ah, wie ich sehe hast Du Dich oben nur falsch ausgedrueck. Du hast da
keine Checkboxen (<input type="checkbox" ...>) sondern schon die
richtigen Radio-Objekte.

input type="radio" name="b" value="0"
input type="radio" name="a" value="1"
input type="radio" name="b" value="1"
input type="radio" name="a" value="2" checked
input type="radio" name="b" value="2" checked
/form

Ich wuerde jedem Radio einen onChange-Event-Handler verpassen, der dem
anderen Radio mit dem selben Index ein checked=treu zuweist.


--
http://www.geocities.com/SoHo/Bistro/9813/ - Photogallery (JavaScript)
http://www.fotocommunity.de/pc/pc.php4?mypics=1631 - more Photos

Hallo Georg,

vielen Dank für Deine Antwort.

http://devedge.netscape.com/library/...3/reference/ra

dio.html

Spendiere den buttons von b jeweils einen onclick-Hanlder, der prüft, ob
in a[i] mit i < j die checked-EIgenschaft gesetzt ist, wobei j der Index
in b ist, dessen Radio angeklickt wurde. Findest Du diese Bedingung
erfüllt, dann setzt Du die checked-Eigenschaft von a[j] auf true;

Mein Gedankengang war genau derselbe, bloß das Ganze in JavaScript
umzusetzen war mein Problem. Aber der Link oben hat mir sehr geholfen.
Dank Dir.

Liebe Grüße,
Anne

Hallo Steffen,

Was passiert mit Usern, die JavaScript deaktiviert haben?

Daran hab ich natürlich auch gedacht. Nach dem Senden des Formulars ermittle
ich mit Hilfe von PHP die von mir gewünschten Werte und speichere sie in die
Datenbank. Jetzt sollten halt bloß die Buttons nicht erst nach dem Senden
umspringen, sondern wenn möglich auch schon vorher.

Du weisst, wie man uner JavaScript Radio-Objekte referenziert?
--> http://dcljs.de/faq/antwort.php?Antw...ms_radioselect

Auf der Seite hatte ich schon geguckt. Mein Problem war allerdings, dass ich
nicht wusste wie ich den Radiobutton automatisch umsetzen kann. Auf der von
Georg genannten Seite
http://devedge.netscape.com/library/...3/reference/ra
dio.html ist das Ganze noch ausführlicher beschrieben, wodurch ich mein
Problem auch lösen konnte.

Das Formular habe ich so weit fertig (siehe unten).

Jo, und das naechste mal kuerzt Du das bitte auf das Wesentliche! Also
alles <table>-Gedoehns und class-Schrott raus.

Sorry, beim nächsten Mal werde ich dran denken. Mein Problem hatte ich ja
eigentlich schon verbal beschrieben, durch das Einfügen des Quellcodes
wollte ich eigentlich nur zeigen dass ich mich damit schon beschäftigt habe
und nicht jemanden suche, der mir meine Arbeit vollkommen abnimmt und mir
alles programmiert.

Ich wuerde jedem Radio einen onChange-Event-Handler verpassen, der dem
anderen Radio mit dem selben Index ein checked=treu zuweist.

Danke, ich habe es nun mit onClick gelöst, das dürfte aber eigentlich keinen
großen Unterschied zu onChange machen, oder? Im Nachhinein war die Lösung
eigentlich gar nicht so schwer, wenn man weiß dass man mit click() ein
Radiobutton setzen kann.

Danke für Deine Antwort.
Liebe Grüße,
Anne.

Anne Nubis schrieb:

Hallo Steffen,

Emails sehen aber anders aus...

....

Ich wuerde jedem Radio einen onChange-Event-Handler verpassen, der dem
anderen Radio mit dem selben Index ein checked=treu zuweist.

Danke, ich habe es nun mit onClick gelöst, das dürfte aber eigentlich keinen
großen Unterschied zu onChange machen, oder?

Bei einem Radio nicht sonderlich. Obwohl ich mir gerade nicht ganz
sicher bin, ob onChange erst dann feuert, wenn der Radio den Fokus
verliert, oder schon vorher bei onClick...

Im Nachhinein war die Lösung
eigentlich gar nicht so schwer, wenn man weiß dass man mit click() ein
Radiobutton setzen kann.

oder Du setzt ihn mit der Eigenschaft "checked" auf "gesetzt"
(http://selfhtml.teamone.de/javascrip...ts.htm#checked)

--
http://www.geocities.com/SoHo/Bistro/9813/ - Photogallery (JavaScript)
http://www.fotocommunity.de/pc/pc.php4?mypics=1631 - more Photos

Hallo Steffen,

Emails sehen aber anders aus...

???

Im Nachhinein war die Lösung
eigentlich gar nicht so schwer, wenn man weiß dass man mit click() ein
Radiobutton setzen kann.

oder Du setzt ihn mit der Eigenschaft "checked" auf "gesetzt"
(http://selfhtml.teamone.de/javascrip...ts.htm#checked)

Aber mit checked kann ich doch nur prüfen ob ein Radiobutton gesetzt ist
oder nicht. Setzen kann ich ihn so nicht, oder ich habe es falsch versucht.
Bitte korrigiere mich wenn ich falsch liege.

Gruß,
Anne

Steffen Laubner wrote:

Anne Nubis schrieb:
Hallo Steffen,

Emails sehen aber anders aus...

Dass ägyptische Götter in deutschsprachige
Newsgroups posten, ist ja auch eher selten.


SCNR

PointedEars

Anne Nubis schrieb:

Hier fehlt eine Einleitungszeile.

Steffen Laubner schrieb:
Anne Nubis schrieb:
Im Nachhinein war die Lösung
eigentlich gar nicht so schwer, wenn man weiß dass man mit click() ein
Radiobutton setzen kann.
oder Du setzt ihn mit der Eigenschaft "checked" auf "gesetzt"
(http://selfhtml.teamone.de/javascrip...ts.htm#checked)
Aber mit checked kann ich doch nur prüfen ob ein Radiobutton gesetzt ist
oder nicht. Setzen kann ich ihn so nicht, oder ich habe es falsch versucht.

Mit der Eigenschaft checked kannst Du sowohl den Zustand abfragen, als
auch setzen:

<input type="radio" name="a">
<input type="button" value="Toggle"
onClick="this.form.a.checked=!this.form.a.checked" >
<input type="button" value="Test"
onClick="alert(this.form.a.checked?'Gesetzt':'Nich t gesetzt');">

--
http://www.geocities.com/SoHo/Bistro/9813/ - Photogallery (JavaScript)
http://www.fotocommunity.de/pc/pc.php4?mypics=1631 - more Photos

Steffen Laubner wrote:

Bei einem Radio nicht sonderlich. Obwohl ich mir gerade nicht ganz
sicher bin, ob onChange erst dann feuert, wenn der Radio den Fokus
verliert, oder schon vorher bei onClick...

onchange feuert im IE(6), wenn die Option "abgeschaltet" wird.
IE6 verschluckt dabei onclick, wenn vorher onchange gefeuert wurde, das
hängt irgendwie mit der Reigenfolge der Radio-Buttons zusammen (Bug?).

Mozilla 1.5 feuert onchange, wenn eine Option "angeschaltet" wird. Dabei
wird auch (vorher) onclick ausgelöst.

Opera habe ich jetzt nicht getestet.

so long,
uja