1. Dashboard
  2. Forum
    1. Unerledigte Themen
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team-Mitglieder
    4. Trophäen
    5. Mitgliedersuche
  4. Tutorial Bereich
  • Deutsch
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. Informatik Forum
  2. Webmaster & Internet
  3. Entwicklung

aktivieren und deaktivieren von Radio Buttons

  • tjweb
  • 24. Januar 2014 um 15:25
  • Unerledigt
  • tjweb
    2
    tjweb
    Mitglied
    Punkte
    15
    Beiträge
    2
    • 24. Januar 2014 um 15:25
    • #1

    Hallo,

    Ich brauchemal eure Hilfe.

    Ich habe 2Gruppen von Radio Buttons, die erste Gruppe mit den Name (verae) solldeaktiviert bzw. wieder aktiviert werden wenn eine Bedingung nicht erfüllt ist.
    Es soll auchso sein dass in der ersten Gruppe nicht alle Radio Buttons deaktiviert werden.

    Die zweiteGruppe sind die Radio Buttons mit dem ich die erste Gruppe deaktiviere bzw.wieder aktiviere.

    Hier mal denCode:

    HTML
    <form action="" name="test" method="post"> <input type="radio" name="verae" value="0" id="myTest" />Zu deaktivierenden Radio Button1</br><input type="radio" name="verae" value="1" id="myTest" />Zu deaktivierenden Radio Button2</br><input type="radio" name="verae" value="2" id="myTest" />Zu deaktivierenden Radio Button3</br><input type="radio" name="verae" value="3" />dieser Radio Button soll nicht deaktiviert werden</br></br>  <input type="radio" name="akti_deak" value="ja" onclick=disable() />dekativiere Radio Buttons<input type="radio" name="akti_deak" value="nein" onclick=undisable() />aktiviere Radio Buttons<input type="radio" name="akti_deak" value="nein" onclick=undisable() />aktiviere Radio Buttons</form>
    Code
    <script language="javascript">function disable() { document.getElementById("myTest").disabled=true;}function undisable() { document.getElementById("myTest").disabled=false;}</script>

    Nun wenn ich den Radio Button „deaktiviere Radio Buttons“ drücke dann deaktiviert sich nur „Zu deaktivierenden Radio Button1“.
    Es sollen sich aber Button 2 und 3 auch deaktivieren.

    Ich komme nicht auf die Lösung, da ich mich mit Java nicht gut auskenne.

    Für eure Hilfe wäre ich sehr dankbar.

    Gruß
    tjweb

  • NickK
    6
    NickK
    Mitglied
    Punkte
    310
    Beiträge
    46
    • 24. Januar 2014 um 15:44
    • #2

    dumme Frage von einem der vor Jahren mal mit javascript was getan hat:

    gibt "getElementById("myTest")" nicht immer nur ein Element (das Erste) zurück ?

  • Bradon
    7
    Bradon
    Mitglied
    Reaktionen
    13
    Punkte
    518
    Beiträge
    100
    • 24. Januar 2014 um 15:44
    • #3

    1. Du verwendest kein Java. Javascript ist eine komplett andere Sprache (wenn auch mit syntaktischen Aehnlichkeiten)
    2. Das id-Attribut von XML- (und damit auch HTML-)Elementen muss unique sein. Darauf verlaesst sich Javascript, weshalb nur das erste Element mit der entsprechenden ID gesucht und deaktiviert wird (es kann ja korrekterweise keine weiteren geben)

    HTML
    <form action="" name="test" method="post">
     
    <input type="radio" name="verae" value="0" id="myTest1" />Zu deaktivierenden Radio Button1</br>
    <input type="radio" name="verae" value="1" id="myTest2" />Zu deaktivierenden Radio Button2</br>
    <input type="radio" name="verae" value="2" id="myTest3" />Zu deaktivierenden Radio Button3</br>
    <input type="radio" name="verae" value="3" />dieser Radio Button soll nicht deaktiviert werden</br></br>
     
     
    <input type="radio" name="akti_deak" value="ja" onclick="disable()" />dekativiere Radio Buttons
    <input type="radio" name="akti_deak" value="nein" onclick="undisable()" />aktiviere Radio Buttons
    <input type="radio" name="akti_deak" value="nein" onclick="undisable()" />aktiviere Radio Buttons
    </form>
    Alles anzeigen
    Code
    <script language="javascript">
    function disable() { document.getElementById("myTest1").disabled=true;
    document.getElementById("myTest2").disabled=true;
    document.getElementById("myTest3").disabled=true;
    }
    function undisable() { document.getElementById("myTest1").disabled=false;
    document.getElementById("myTest2").disabled=false;
    document.getElementById("myTest3").disabled=false;
    }
    </script>

    P.S.: Das Gegenteil von disable ist enable :winking_face:

    Ex-PP-Tutor und genereller [strike]Besser[/strike]Schlechterwisser

    2 Mal editiert, zuletzt von Bradon (24. Januar 2014 um 15:48)

  • tjweb
    2
    tjweb
    Mitglied
    Punkte
    15
    Beiträge
    2
    • 24. Januar 2014 um 15:53
    • #4
    Zitat von Bradon

    1. Du verwendest kein Java. Javascript ist eine komplett andere Sprache (wenn auch mit syntaktischen Aehnlichkeiten)
    2. Das id-Attribut von XML- (und damit auch HTML-)Elementen muss unique sein. Darauf verlaesst sich Javascript, weshalb nur das erste Element mit der entsprechenden ID gesucht und deaktiviert wird (es kann ja korrekterweise keine weiteren geben)

    HTML
    <form action="" name="test" method="post">
     
    <input type="radio" name="verae" value="0" id="myTest1" />Zu deaktivierenden Radio Button1</br>
    <input type="radio" name="verae" value="1" id="myTest2" />Zu deaktivierenden Radio Button2</br>
    <input type="radio" name="verae" value="2" id="myTest3" />Zu deaktivierenden Radio Button3</br>
    <input type="radio" name="verae" value="3" />dieser Radio Button soll nicht deaktiviert werden</br></br>
     
     
    <input type="radio" name="akti_deak" value="ja" onclick="disable()" />dekativiere Radio Buttons
    <input type="radio" name="akti_deak" value="nein" onclick="undisable()" />aktiviere Radio Buttons
    <input type="radio" name="akti_deak" value="nein" onclick="undisable()" />aktiviere Radio Buttons
    </form>
    Alles anzeigen
    Code
    <script language="javascript">
    function disable() { document.getElementById("myTest1").disabled=true;
    document.getElementById("myTest2").disabled=true;
    document.getElementById("myTest3").disabled=true;
    }
    function undisable() { document.getElementById("myTest1").disabled=false;
    document.getElementById("myTest2").disabled=false;
    document.getElementById("myTest3").disabled=false;
    }
    </script>

    P.S.: Das Gegenteil von disable ist enable :winking_face:

    Hallo,
    danke für deine Antwort und Hilfe, es hat supi funktioniert.

    Ich wünsche ein super Wochenende

  • Maximilian Rupp 27. Dezember 2024 um 00:26

    Hat das Thema aus dem Forum Programmieren nach Entwicklung verschoben.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden

Rechtliches

Impressum

Datenschutzerklärung

  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • Lexikon
  • Erweiterte Suche
  • Deutsch
  • English
Zitat speichern