Check radiobutton bij laden van pagina

Door Jop B op 06-03-2015 14:56

1.170 views

Beste Leden,

Mijn vraag heb ik al eens gesteld maar nog geen goed antwoord voor gekregen.
Wat ik wil is dat jquery of een andere soort script kijkt bij het laden van de pagina welke radiobutton checked is.
Vervolgens moet er een class aan de parent worden toegevoegd.


//als document klaar is
$(document).ready(function() {
//als input met id way is checked
 if($('input#way').is(':checked')){
//Voeg class selected toe aan moeder element van deze input
$(this).parent().addClass('selected');
};
});

Dit werkt op een of andere manier niet.

Kan mij iemand hierbij hulp bieden?

Gr. Jop

Thomas van den Heuvel

06-03-2015 15:14 gewijzigd op 06-03-2015 15:16

Als je een radiobutton gebruikt zijn dit meestal meerdere buttons.

In je "selector" gebruik je echter een id (#way).

Verschillende elementen in hetzelfde document zouden nooit hetzelfde id mogen hebben.

Misschien kun je de controle beter op de naam doen? Of een klasse? EDIT: of het type?

Jop B

06-03-2015 16:41

Beste Thomas,

Zelfs als ik de code maak met input name werkt het niet.
Hier is mijn fiddle

Gr. Jop

Thomas van den Heuvel

06-03-2015 19:28

$('input[name=way]') (hier ontbrak een ]) levert een lijst van elementen op, waar je doorheen moet lopen:

$().ready(function() {
    $('input[name=way]').each(function() {
        if ($(this).is(':checked')){
            $(this).parent().addClass('selected');
        }
    });
});

Jop B

09-03-2015 14:48

Beste Thomas,

Bedankt voor de hulp :-) mijn code is nu compleet, en werkt zoals ik hem graag had gehad!

gr. Jop

Reageren

Inloggen om te reageren