✔ Radio button sollen textfeld aktivieren

B

Bastian_9206

Grünschnabel
Hallo,

ich habe leider eigentlich keine Ahnung weiter von Javascript. Ich möchte folgendes tun, ich habe zwei RadioButtons einmal ja und Nein, und wenn ich JA aktiviere soll er das textfeld daneben aktivieren, und wenn nein soll man nix reinschrieben können.
Ich habe ja shcon folgenden code, allein funktioniert das auch, aber ich habe das ganze mehrmal in einer tabelle. Muss ich für jeden textfeld eine eigene javascript funktion schreiben, oder kann mir jmd sagen wo der fehler steckt ?

Hier das beispiel für "tore_heim", und da habe ich halt noch "tore_gast" oder noch mehr felder.

Und wie lässt es sich einbauen, sobald auf nein wieder geklickt wird, das der text im textfeld gelöscht wird.
Code: 
<input name="radiobutton_tore_heim" type="radio" id="radiobutton1" onClick="javascript:radioAktivieren('tore_heim');" checked>Nein
<input name="radiobutton_tore_heim" type="radio" id="radiobutton2" onClick="javascript:radioAktivieren('tore_heim');">Ja
      
<input type="text" size="1" maxlength="2" name="text_tore_heim" id="tore_heim" disabled="true">



<script language="javascript">
function radioAktivieren(obj1, obj2)
{
document.getElementById(obj1).disabled=document.getElementById("radiobutton1").checked;
document.getElementById(obj2).disabled=document.getElementById("radiobutton1").checked;
}
</script>


Gruß Bastian
 
Hi,

möglich wäre es, den Radiobuttons value-Attribute zu geben, anhand derer Werte identifiziert werden kann,
ob das Feld aktiv (=1) oder inaktiv (=0) sein soll.
Code: 
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
function radioAktivieren(obj1, objRadio){
  document.getElementById(obj1).disabled = (objRadio.value == "0");
}
 //-->
</script>
</head>
<body>
<div>
  <input name="radiobutton_tore_heim" type="radio" value="0" id="radiobutton1" onclick="radioAktivieren('tore_heim', this);" checked>Nein
  <input name="radiobutton_tore_heim" type="radio" value="1" id="radiobutton2" onclick="radioAktivieren('tore_heim', this);">Ja

  <input type="text" size="1" maxlength="2" name="text_tore_heim" id="tore_heim" disabled="true">
</div>
<div>
  <input name="radiobutton_tore_heim_02" type="radio" value="0" id="radiobutton1" onclick="radioAktivieren('tore_heim_02', this);" checked>Nein
  <input name="radiobutton_tore_heim_02" type="radio" value="1" id="radiobutton2" onclick="radioAktivieren('tore_heim_02', this);">Ja

  <input type="text" size="1" maxlength="2" name="text_tore_heim_02" id="tore_heim_02" disabled="true">
</div>
</body>
</html>
Der Funktion wird neben der ID des Feldes, das aktiviert/deaktiviert werden soll, das Objekt des auslösenden
Objekts (this) übergeben.
Weiterhin wird eine Funktion in einem Eventhandler ohne javascript: aufgerufen.

Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück