Seite 1 von 1
Checkbox - wenn Option in Select ausgewählt - deaktivieren
Verfasst: 04.02.2006 10:55
von das_Kratzerchen
Hi,
ich habe ein Select Feld und darunter eine Checkbox, nun möchte ich das wenn in dem Select die erste Option "keine" ausgewählt ist die Checkbox deaktiviert (disabled) ist und wenn eine der anderen ausgewählt wird das Feld wieder aktiviert wird, ist das irgendwie machbar. Hier mal mein Quellcode für die Felder:
Code: Alles auswählen
<select name="choose"><option value="0">Keine</option><option value="1">1</option><option value="2">2</option></select>
<input type="checkbox" name="extras"> Extras aktivieren
Kratzerchen
Verfasst: 04.02.2006 11:09
von witzigerkiller
Also du willst, wenn man Keine Auswählt, das dann die Felder 1,2 und Extras disabled werden, oder wie? Schreib mal genauer, dann schreib ich dir ein JavaScript
Verfasst: 04.02.2006 12:55
von 123teddy321
er hat ein select mit options, die heißen "keine", "1" und "2"! und wenn man "keine" auswählt, dann wird die checkbox deaktiviert, und bei den anderen beiden aktiviert!
geht irgendwie mit dislabe true und false, weiß aber grade nich genau wie!
Verfasst: 04.02.2006 12:58
von witzigerkiller
also verständniss halber:
wenn er die selectbox keine auswählt, dann wird das extra feld deaktiviert, und wenn man 1 oder 2 auswählt, wird sie wieder aktiviert, oder?
Verfasst: 04.02.2006 17:32
von Pyramide
Code: Alles auswählen
<select name="choose" onchange="document.getElementById('extras').disabled = (this.value == '0');">
<option value="0" selected="selected">Keine</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<input type="checkbox" id="extras" name="extras" disabled="disabled"><label for="extras">Extras aktivieren</label>
Verfasst: 04.02.2006 23:08
von das_Kratzerchen
Danke@Pyramide, genau das was ich gesucht habe, ist das Cross Browser Kompatibel oder funkt das nur im IE?
Kratzerchen
Verfasst: 05.02.2006 00:03
von witzigerkiller
teste es doch einfach
Verfasst: 05.02.2006 02:10
von Pyramide
Ich habs im IE und im Firefox getestet.