Archiv verlassen und diese Seite im Standarddesign anzeigen : Mit Radio Buttons Input Boxen aktivieren
Moin,
ich wollte sobald ich ein Radio Button anwähle eine Input Box aktivieren und die andere Input Box deaktivieren... Komme aber einfach nicht weiter !
Hoffe mir kann da jemand weiter helfen
Beste Grüße
b0b0y
<script type='text/javascript'>
function disableElement ( ElementID) {
var oElement = document.getElementById( ElementID);
oElement.disabled = 'disabled';
}
</script>
<input type="radio" name="RadioGroup1" value="Automatik" id="RadioGroup1_0" onclick='disableElement( "test")' />
<input type="radio" name="RadioGroup1" value="Manuell" id="RadioGroup1_1" onclick='disableElement( "test")'/>
<input type="text" name="neu1" id="test"value="auto" />
<input type="text" name="neu2" id="test2"value="auto" />
AmicaNoctis 18-09-2009, 14:59 Hallo,
das ist ein boolean Wert:
oElement.disabled = true;
Gruß,
Amica
Das ist klar... Aber wenn ich z.b die RadioGroup1_0 auswähle, dann soll
id="test" aktiviert sein und id="test2" deaktiviert sein !
Wie kann ich ihn Javaskript darauf zugreifen ???
AmicaNoctis 18-09-2009, 15:29 Na genau so wie auf "test"!?! Da übergibst du halt 2 Parameter an die Funktion, die ID die aktiviert werden soll und die ID die deaktiviert werden soll. Wo ist da das Problem?
Ich hab es so probiert:
<script type='text/javascript'>
function disableElement ( ElementID,ElementID2) {
var oElement = document.getElementById( ElementID);
var oElement2 = document.getElementById( ElementID2);
oElement.enabled= 'enabled';
oElement2.disabled = 'disabled';
}
</script>
<input type="radio" name="RadioGroup1" value="automatik" id="RadioGroup1_0" onclick='disableElement( "automatik", "freie")' />
<input type="radio" name="RadioGroup1" value="freie" id="RadioGroup1_1" onclick='disableElement( "freie", "automatik")'/>
Das Problem ist, dass es immer nur einmal funktioniert!
Wenn ich die Radio Buttons im wechsel anwähle, dann sind sie beide InputBoxen gesperrt und ich muss die Seite neuladen :confused:
AmicaNoctis 18-09-2009, 16:46 globale Variable, in der das aktuell deaktivierte gespeichert wird?
<input type="radio" name="RadioGroup1" value="automatik" id="RadioGroup1_0" onclick='disableElement( "automatik", "freie")' />
Du solltest die IDs im Parameter übergeben, nicht das value. Und wie unsere Freundin der Nacht schon sagte, mit true und false arbeiten. Außerdem gibt es kein enabled, sondern nur disabled.
Peter
Korrektur, habe gerade gesehen, dass du andere Felder deaktivieren willst. Vergiß also den ersten Hinweis.
oElement.enabled= 'enabled';
oElement2.disabled = 'disabled';
Es gibt keine "enabled"-Eigenschaft!
disabled ist wie schon gesagt wurde boolean, d.h. du kannst ihm true oder false zuweisen.
Ausserdem kann man sowas auch mal nachlesen gehen, wenn man keine Ahnung hat!
http://de.selfhtml.org/javascript/objekte/elements.htm#disabled
Es funktioniert...
BESTEN DANK !!!!!!!!!
Dann bitte auch die Lösung posten. Falls andere mal das selbe Problem haben. Und wider Erwarten die SuFu nutzen.
Danke
Peter
Bitte schön...
<script type='text/javascript'>
function disableElement ( ElementID,ElementID2) {
var oElement = document.getElementById( ElementID);
var oElement2 = document.getElementById( ElementID2);
oElement.disabled= false;
oElement2.disabled = true;
}
</script>
<input type="radio" name="RadioGroup1" value="automatik" id="RadioGroup1_0" onclick='disableElement( "automatik", "freie")' />
<input type="radio" name="RadioGroup1" value="freie" id="RadioGroup1_1" onclick='disableElement( "freie", "automatik")'/>
<input type="text" name="BuchungsNr" id="automatik"/>
<input type="text" name="GastNr" id="freie" />
Bitte schön...
Danke schön :)
Peter
|
|