tutorials.de Buch-Aktion 05/2012
Like Tree1Danke
  • 1 Beitrag von Quaese
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
470
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 25.01.12 17:47 #1
    ildottore ildottore ist offline Mitglied
    Registriert seit
    Sep 2011
    Beiträge
    19
    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-Code:
    <!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>
     
    Zitieren Zitieren
  2. 25.01.12 21:55 #2
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    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 :
    1
2
3
4
5

    function aktivieren() {
    if (document.getElementById('box1_radio').checked == true) { 
        document.getElementById('box2_radio').disabled=false; 
    } 
}
    funktionieren.

    Ciao
    Quaese
    ildottore bedankt sich. 
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
    Zitieren Zitieren
  3. 26.01.12 17:10 #3
    ildottore ildottore ist offline Mitglied
    Registriert seit
    Sep 2011
    Beiträge
    19
    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

    Edit:

    SOLVED.
    Bin den umständlichen weg gegangen.
    Geändert von ildottore (26.01.12 um 19:16 Uhr)
     
    Zitieren Zitieren
« Einfaches Alert nachdem PrettyPhoto ajax content geladen wurde | Dropdown Menü auslesen »

Ähnliche Themen

  1. Radio button sollen textfeld aktivieren
    Von Bastian_9206 im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 05.10.07, 23:09
  2. Submit-Button nach Klick auf Radio-Button aktivieren
    Von altox-de im Forum PHP
    Antworten: 8
    Letzter Beitrag: 30.04.06, 16:46
  3. Wert von Radio Button auf einen Submit Button weiterleiten
    Von ImperatorAres im Forum Flash Plattform
    Antworten: 8
    Letzter Beitrag: 20.09.05, 07:19
  4. value von radio button
    Von webraccoon im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 03.10.04, 19:22
  5. bei onchange in einem dropdown einen radio button aktivieren
    Von Rios im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 22.01.04, 17:03