✔ Radio Button deaktivieren bei Auswahl

[as333]

Hi,

ich möchte das wenn man auf den Radio Button "Motorrad" klickt die restlichen Buttons ausgegraut werden.
Mein Problem ist wenn ich es mit Hilfe der Funktion mache,
werden sowohl die Eingabefelder mit dem Vor- und Nachname ausgegraut wie auch der Button zum absenden des Dokumentes.

Wie kann ich es machen das wenn man den Button "Motorrad" auswählt, dass dann die Buttons von "Auto" ausgegraut werden?
Sodass man auch nicht mehr 3-Türer, 4-Türer oder 5-Türer auswählen kann?

Es liegt ja hierdran: "document.getElementsByTagName('input'); "
Weiß aber nicht wie ich das umstellen kann so das es so wie oben beschrieben ist funktioniert.

<script type="text/javascript">
   var disThis;
   function ausblenden (actObj) {
      actObj.checked==true ? disThis = true : disThis = false;
      var myObj = document.getElementsByTagName('input');
      for (var x=0; x<myObj.length; x++) {
         myObj[x].disabled = disThis;
      }
      actObj.disabled = false;
   }
</script>

Nachname:<INPUT TYPE="text" NAME="name" SIZE="20"><br>
Vorname:<INPUT TYPE="text" NAME="name" SIZE="20"><br>
<br>
<form id="test">
   <input type="radio"  onclick="ausblenden(this)" name="a"></input>  Motorrad<br />
   <input type="radio"  name="a"></input> Auto <br />
   <input type="radio" name="b"></input> 3-Türer <br />
   <input type="radio" name="b"></input> 4-Türer <br />
   <input type="radio" name="b"></input> 5-Türer <br />
</form>
<br>
 <input type="submit" value="abschicken">

 

[Maik]

Hi,

studier mal das Beispiel http://de.selfhtml.org/javascript/objekte/anzeige/elements_disabled.htm.

mfg Maik

 

[as333]

Hi Maik,

super

Genau sowas habe ich gesucht gehabt.

 

[as333]

Ich habe noch ein kleines weiteres Problem.
Wenn jemand z.B. "3-Türer" anklickt und anschließend auf "nein" sollen nicht nur die Punkt ausgegraut werden sondern es soll dann auch der Punkt bei "3-Türer" gelöscht werden.
Ist das bei dem folgenden Beispiel irgendwie möglich?

<script type="text/javascript">
function wechsle_art () {
  if (document.Testform.auto[0].checked == true) {
    var deaktiviert = false;
  } else {
    var deaktiviert = true;
  }
  for (var i = 0; i < document.Testform.autoart.length; i++) {
    document.Testform.autoart[i].disabled = deaktiviert;
  }
}
</script>

<form action="" name="Testform">

<p>Besitzen Sie ein Auto?</p>

<p><input type="radio" name="auto" value="ja" onclick="wechsle_art();"> Auto<br>
<input type="radio" name="auto" value="nein" onclick="wechsle_art();"> Motorrad</p>

<p>Falls ja, was für ein Auto?</p>

<p>
<input type="radio" name="autoart" value="kombi"> 3-Türer<br>
<input type="radio" name="autoart" value="limousine"> 4-Türer<br>
<input type="radio" name="autoart" value="sportwagen"> 5-Türer<br>
</p>

</form>