jQuery addClass si le bouton radio coché

Quelqu'un peut m'aider avec ce problème?

$(document).ready(function() {
    if(
        $("input.check").is(":checked")){
            $(this).parent().addClass("question-box-active");
    }
});

J'essaye d'ajouter une classe (question-box-actif) à la mère de .vérifier (un bouton radio) que si elle est cochée. Il fonctionne très bien si je test avec une alerte, mais je n'arrive pas à ajouter la classe.

Merci à tous pour l'aide.

Mise à jour: C'est le code HTML pour le formulaire. J'ai copié seulement 3 divs de la 48. Comme vous l'avez devine que je suis en train d'ajouter une classe à la question-si le bouton radio est déjà coché sur chargement de la page. Jusqu'à présent, aucune chance.

<div class="question-box">
    <input class="check" type="checkbox" name="question-1" value="1" <?php if(isset($_POST['question-1'])) echo "checked"; ?> />
    <span class="question">1. Save a rainforest or grow organic vegetables</span>
</div>

<div class="question-box alt">
    <input class="check" type="checkbox" name="question-2" value="1" <?php if(isset($_POST['question-2'])) echo "checked"; ?> />
    <span class="question">2. Solve complicated math problems</span>
</div>

<div class="question-box">
    <input class="check" type="checkbox" name="question-3" value="1" <?php if(isset($_POST['question-3'])) echo "checked"; ?> />
    <span class="question">3. Act in a movie, play, or television show</span>
</div>

InformationsquelleAutor Julesfrog | 2011-11-01

Essayer quelque chose comme

$('input.check').is(':checked').each(function() { 
    $(this).parent().addClass('question-box-active');
});

InformationsquelleAutor Doug Owings

2

Je pense que $(this) ne se réfère pas à la case d'option dans votre cas

Vous pouvez lier l'événement click du bouton radio et de décider quoi faire à partir de là...
```
$(document).ready(function(){
    $("input.check").click(function(){
        if($(this).is(":checked")){
            $(this).parent().addClass("question-box-active");
        }
    });
});
```
- Merci pour votre réponse Kaveman. Le formulaire est mis en place pour que la page s'actualise pour afficher les résultats du formulaire après avoir cliqué sur soumettre. J'ai déjà une fonction de clic qui ajoute de la question-de la boîte-classe active lorsque le bouton radio est activement contrôlés par l'utilisateur. Mais lorsque la page est actualisée avec les résultats, la classe disparaît, même si les boutons sont vérifiées.
InformationsquelleAutor kaveman
2

La this que vous utilisez au sein de la fonction cadre de la ready gestionnaire de rappel, il n'est donc pas pointant vers input.check comme prévu.

Essayer quelque chose comme ceci à la place:
```
$(document).ready(function() {

    var foo = $('input.check');

    if ( foo.is(':checked') ) {
        foo.parent().addClass('question-box-active');
    }

});
```
C'est en supposant que votre code logique est correcte. Je suppose, cependant, que vous essayez de faire quelque chose de semblable à ce que Doug fourni dans une autre réponse. L'affichage du code HTML pourrait aider à clarifier.
- Merci Richard pour votre aide. J'ai ajouté le code HTML à ma question initiale en espérant que cela peut aider. J'aime jQuery mais je ne suis pas si bon à l'instant. J'ai essayé le code que tu fournis, mais la classe a été ajoutée à tous les parents, même à ceux dont les boutons radio ont été décochée. Je suis toujours à jouer avec pour voir si je peux creuser quelque chose, mais s'il vous plaît si vous avez d'autres idées, faites le moi savoir. C'est me rend fou.
InformationsquelleAutor Richard Neil Ilagan
2

Cela fonctionne.
```
$(document).ready(function() {

    var foo = $('input.check:checked');

    if ( foo.is(':checked') ) {
        foo.parent().addClass('question-box-active');
    }
});
```
- Merci!!!! De ce fait trouvé la coché le bouton radio plutôt que de simplement vérifier pour voir si il y avait une entrée vérifié sur la page. Cela m'a permis d'appliquer une classe sur l'coché le bouton radio.
- J'ai trouver ce code plus satisfaisant: stackoverflow.com/questions/3376412/...
InformationsquelleAutor Rob

Vous devez vous connecter pour publier un commentaire.