0
votes

Comment utiliser JQuery Trouvez et chacun ensemble?

Je suis la table de colonne d'impression de lignes d'impression. Dans chacun de mes éléments de colonne, vous trouverez 2 cases à cocher

$(".col").click(function (e) { 
    $(this).find('input[type="checkbox"]').each(function (a) {
    $(this).prop('checked', "checked");

    });    
}); 


8 commentaires

@CerteCerformance je l'ai supprimé, mais il ne lira toujours pas les éléments de l'enfant et trouvez les cases à cocher


Pas sûr de passer 'coché' , essayez peut-être de passer un booléen à la place, true


@CertePerformance, il ne fonctionne toujours pas. Je pense que j'ai défini la propriété "cochée: cochée" était correcte


Votre code semble être «valide» afin que je suggère de vérifier si l'événement de clic est déclenché en ajoutant un console.log () juste après .cliquez (fonction (e) {< / code>


Pouvez-vous nous montrer le Generate HTML dans un navigateur?


@CiderFerformance a raison - devrait être booléen - vous devriez faire la console.log (ceci) juste avant cela, assurez-vous que vous êtes sur un élément de bon état, mais c'est le mauvais code de toute façon, probablement fonctionne, mais la case à cocher déco-elle, car elle traite le clic


@Certeperferformance J'ai réussi à le réparer en déplaçant mon code jQuery en $ (document). FonctionReady. Mon code n'est pas mauvais. Juste que j'ai enlevé la majeure partie du code pour la rendre plus courte pour que je puisse me concentrer sur mon problème


@Certeperferformance Pourquoi mon code ne peut pas être exécuté en dehors du document prêt? Je veux dire que je suis seulement capable de cliquer sur des éléments une fois les éléments présents. Je crois que cela ne devrait pas être un problème n'est-il pas? Ou est-ce que tout le code jQuery doit être inséré dans la fonction de document prête?


3 Réponses :


1
votes

Essayez ceci xxx


2 commentaires

Cette réponse ne fournira pas de solution ce qu'il / elle s'attend au tout. Si plusieurs articles .Col, votre code les cochera à tous, mais il veut uniquement lequel il a cliqué sur la case à cocher. S'il vous plaît voir le fichier .col est un élément répétitif.


@Hanif Oui, tu as raison. J'utilise une boucle et répétez la même classe / balises / éléments mais seulement avec des valeurs différentes.



1
votes

Vous avez besoin d'une modification là-bas, voir ci-dessous:

p>

$(".col").click(function (e) {
    $(this).find('input[type="checkbox"]').prop('checked', "checked");
});


0 commentaires

1
votes
$(document).ready(function () {
    $(".col").click(function (e) { 
        console.log("success");

        $(this).find('input[type="checkbox"]').each(function (a) {
            var isChecked = $(this).prop('checked');
            if(isChecked == true){
                $(this).prop('checked', false);
            }else if(isChecked == false){
                $(this).prop('checked', true);
            }

        });    
    });
});

0 commentaires