Archiv verlassen und diese Seite im Standarddesign anzeigen : Checkbox mit Javascript deaktivieren
outlaw_wolf
2006-09-12, 14:47:18
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
2006-09-12, 15:00:21
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
2006-09-12, 15:10:50
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
2006-09-12, 15:27:23
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
2006-09-12, 19:38:26
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
2006-09-12, 19:41:04
<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
2006-09-12, 19:50:15
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)
vBulletin®, Copyright ©2000-2024, Jelsoft Enterprises Ltd.