Checkbox mit Javascript deaktivieren

[outlaw_wolf]

Hallo, ich habe das folgende Problem:

Ich habe in einem Formular 2 Checkboxen.
Solange die erste nicht angewählt würde soll die erste ausgegraut sein.
Lieder finde ich im WWW nichts passendes.

[Sephiroth]

so deaktiviert man eine checkbox mit JS
meine_checkbox.disabled = true;
oder
meine_checkbox.setAttribute("disabled", "disabled");

du kannst der ersten einen event handler (onclick) hinzufügen, der den status (checked) der ersten box prüft und je nachdem dann die zweite aktiviert oder deaktiviert.

[outlaw_wolf]

Sorry,.. was javascript angeht bin ich totaler NOOB.

Ich habe die Checkboxen:

id=box1
id=box2

Wie soll der Code dann aussehen?

<input type="checkbox" name="box1" id="box1" value="1"> Box1
<input type="checkbox" name="box2" id="box2" value="2"> Box2



var blubber = box1.disabled = true;
if (blubber == true) {
box2.setAttribute("disabled", "disabled");
}

[/dev/NULL]

google findet sowas..

<script type="text/javascript">
function Check()
{

if (document.getElementById("box1").checked==false)
{
document.getElementById("box2").disabled = true;
}
}
</script>
...
<input type="checkbox" name="box1" id="box1" value="meinWert" checked="checked" onclick="Check()" />
<input type="checkbox" name="box2="box2" value="box2juhuu" checked="checked" onclick="Check()" />


o.ä. nicht schwer und mit ein bischen versuchen und google wirklich einfach auszuprobieren.

Ansonsten: gib mir dein Formular, ich geb Dir meine Bankverbindung..

[outlaw_wolf]

Das klappt so leider nicht.
Die 2. Box soll dann nicht mehr deaktiviert sein, wenn ich die erste Anwählen.
Genauer gesagt habebeite ich mit einer Checkbock id=box1 und 2 Radio Buttuns id=box2.

Bei google finde ich leider nichts passendes.
Allerdings habe ich auch keine Ahnung, nach was ich suchen müss.

Wenn ich irgendwelche Links habt, als raus damit. :)

[Sephiroth als Gast]

<script type="text/javascript">
<!--
function CheckBox2()
{
var box1 = document.getElementById("box1");
var box2 = document.getElementById("box2");
box2.disabled = !box1.checked;
}
-->
</script>
...
<input type="checkbox" name="box1" id="box1" value="meinWert1" onclick="CheckBox2()" />
<input type="checkbox" name="box2" id="box2" value="meinWert2" />

edit: *grml* dein beitrag war noch nicht da als ich den hier begann zu schreiben ...
zwei elemente mit der selben id haut nicht hin, heißt ja nicht umsonst ID ;-)

[Sephiroth]

so ....
wenn man die checkbox (box1) anklickt, dann werden die beiden radio-buttons (Gruppe box2) aktiviert, wenn man die checkbox (box1) wieder abwählt, werden die radio-buttons deaktiviert.

<script type="text/javascript">
<!--
function CheckBox2()
{
var box1 = document.getElementById("box1");
var myForm = document.getElementById("myForm");
myForm.box2[0] = !box1.checked;
myForm.box2[1] = !box1.checked;
}
-->
</script>
...
<form name="myForm" id="myForm" method="get" action="">
<input type="checkbox" name="box1" id="box1" value="meinWert1" onclick="CheckBox2()" />
<input type="radio" name="box2" value="meinWert2" />
<input type="radio" name="box2" value="meinWert3" />
</form>

(ohne funktionsgarantie X-D)