Vergabe von checked für Radiobuttons

  • JavaScript

Es gibt 1 Antwort in diesem Thema. Der letzte Beitrag () ist von Link.

    Vergabe von checked für Radiobuttons

    Hallo zusammen,

    vielleicht kann mir ja Jemand von euch helfen. Ich habe eine Gruppe mit jeweils drei Radio Buttons. Nun möchte ich beim wechseln dieser mittels Javascript/JQuery diesen das Attribut checked true zuweisen und das für die anderen entfernen.

    Folgender Code:

    HTML-Quellcode

    1. <section class="question-section2">
    2. <div class="container">
    3. <div class="row">
    4. <div class="col-md-2 col-sm-2 col-xs-1 full-height">
    5. <span class="giant-font-black">2.</span>
    6. </div>
    7. <div class="col-md-10 col-sm-10 col-xs-11">
    8. <h4 class="question-head-black">Was siehst du?</h4>
    9. <div class="square"></div>
    10. <div class="row">
    11. <div class="col-md-12">
    12. <div class="btn-group btn-group-toggle" data-toggle="buttons">
    13. <label class="btn btn-secondary active">
    14. <input type="radio" name="frage2" id="frage2" value="1" autocomplete="off" checked> #000000
    15. </label>
    16. <label class="btn btn-secondary">
    17. <input type="radio" name="frage2" id="frage2" value="2" autocomplete="off"> freie Fläche
    18. </label>
    19. <label class="btn btn-secondary">
    20. <input type="radio" name="frage2" id="frage2" value="3" autocomplete="off"> schwarzes Quadrat
    21. </label>
    22. </div>
    23. </div>
    24. </div>
    25. </div>
    26. </div>
    27. </div>
    28. </section>


    $(".btn-group > .btn").click(function(){ $(this).addClass("active").siblings().removeClass("active"); });

    für die active Class des Labels habe ich dies ohne Probleme hinbekommen. Doch wie spreche ich alle Inputs unter $(this) an?

    LG Marvin

    Hi,

    @MarvinKleinMusic checked ist unnötig, da bei RadioButtons mit dem gleichen name Attribut immer nur eins checked sein kann.
    Allerdings muss das id Attribut unique sein, das musst du noch anpassen oder alternativ id Attribut ändern zu class.

    Wie ich das verstehe soll wohl das label das den gecheckten radiobutton enthält die "active" class bekommen.
    Habe dir hier ein Beispiel gebastelt:
    >> gist.github.com/mariusgerum/bde907c580a229a76eb808c8000a5c3f
    Das sollte tun was du willst.

    Hier direkt zum Ausprobieren: codepen.io/anon/pen/KegybW

    Link :thumbup:
    Hello World

    Dieser Beitrag wurde bereits 5 mal editiert, zuletzt von „Link“ ()

Facebook
Telefonspende