Radio Button aktivieren durch Radio Button

ildottore

Grünschnabel
Hallo Leute!

Ich hab ein Formular bei dem zu Beginn alle Elemente deaktiviert sein sollen bis auf das Erste.

Klickt man den ersten aktiven Radio Button an, dann soll der 2. aktiv werden. Klickt man diesen an wird Nummer 3 aktiv usw...


Leider funktioniert mein Script nicht wirklich.

Hat von euch jemand eine Idee?


HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>no title</title>

</head>
<script type="text/javascript">

function aktivieren() {
	
	if (document.getElementById('box1').checked == true) { 
		document.getElementById('box2').disabled=false; 
	} 


}

</script>

<body>
<form id="form1" name="form1" method="post" action="">
<div id="box1">
<input type="radio" name="box1" id="box1" value="box1" onClick="javascript:aktivieren();" /> Radio 1
</div>
<div id="box2">
<input type="radio" name="box2" id="box2" value="box2" onClick="javascript:aktivieren(); "  disabled /> Radio 2
</div>
<div id="box3">
<input type="radio" name="box3" id="box3" value="box3" onClick="javascript:aktivieren();" disabled /> Radio 3
</div>
</form>

</body>
</html>
 
Hi,

eine ID muss innerhalb eines Dokumentes eindeutig sein. Bei dir sind box1, box2 usw. jedoch doppelt vorhanden.

Wenn du die IDs der Radiobuttons z.B. in box1_radio, box2_radio usw. änderst, sollte
Code:
function aktivieren() {
	if (document.getElementById('box1_radio').checked == true) { 
		document.getElementById('box2_radio').disabled=false; 
	} 
}
funktionieren.

Ciao
Quaese
 
Klasse!

Hat super funktioniert. - Vielen Dank!

Nun wäre noch interessant, wie man eine Gruppe von Radio-Buttons mit einem Radio-Button aktiviert bzw. eine Textarea od. Textfeld.

Ich fange mal mein Script anzupassen :D

Edit:

SOLVED.
Bin den umständlichen weg gegangen.
 
Zuletzt bearbeitet:

Neue Beiträge

Zurück