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");
});
});
3 Réponses :
Essayez ceci
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.
Vous avez besoin d'une modification là-bas, voir ci-dessous:
p>
$(".col").click(function (e) {
$(this).find('input[type="checkbox"]').prop('checked', "checked");
});
$(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);
}
});
});
});
@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é' code>, essayez peut-être de passer un booléen à la place,true code>@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 () code> 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?