J'ai fait un autre Post hier et n'avait pas de succès avec ça. Je vais essayer maintenant de réorganiser de l'idée et de demander à nouveau depuis que je ne trouve pas la solution pour cela (je suis un débutant et j'essaie vraiment durement).
La chose est que je travaille avec ça Modèle basé sur Bootstrap, et c'est le code que je peux voir directement à partir de l'un des fichiers et que j'utilise sur mon projet:
HTML Snippet: Après beaucoup de recherche, j'ai fondé lors de l'inspection que mon code ressemble à ceci (extrait): Comme vous pouvez le constater, une autre div et une autre portée sont ajoutées (sérieusement, ne savez pas pourquoi ou comment) alors je devine maintenant que c'est un problème de domaz, celui que j'ai. Ceci est un extrait de mon fichier JS: donc cette fonction sélectionne toutes les cases que j'ai (même si celles que je ne veux pas parce qu'ils appartiennent à une autre catégorie). Je veux savoir pourquoi la div et la portée sont ajoutées et comment sélectionner uniquement les cases à cocher que je veux. car j'ai été essayer de code comme celui-ci mais pas de succès: test 1 test2 Remarque: aucune erreur JS n'est affichée lors de l'inspection
4 Réponses :
Je pense que vous recherchez du code comme:
Bonjour, merci pour la réponse. Je sais que ça marche sur le violon, mais cela ne fonctionne pas sur mon code ..
Je Mise à jour du violon avec votre HTML Exact et il semble fonctionner. Qu'est-ce qui ne marche pas à ce sujet?
Oui, je sais, je construis du code de moi-même qui a travaillé sur violon mais n'a pas dans mon code. Je ne sais pas ce qui peut être possible ... le code JS que j'ai posté fonctionne, mais sélectionne toutes les cases à cocher, même si celles que je ne veux pas
Merci pour la préoccupation. Maintenant, cela fonctionne maintenant, mais ne fonctionne pas dans mon cas. Je suis venu avec la solution cependant
Veuillez vérifier
Étant donné que j'ai mentionné que cette fonction a vérifié toutes les cases à cocher que j'avais (même si celles qui n'étaient pas censées être vérifiées), j'ai essayé de rechercher la solution: Mais ce n'est pas ce que je voulais. J'ai également mentionné que j'ai remarqué que le code était "différent" lors de l'inspection (en chrome avec F12). Ainsi, comme @thecbuilder dit, il change afin d'ajouter du style. J'ai compris que, puisque le code change ... je devais changer la classe (case à cocher) à partir de laquelle je commençais la "tag spano" Recherche, donc je modifie la case à cocher de la classe aux états d'identification et c'est le résultat: Ça fonctionne enfin.
Veuillez vérifier
En outre, il est important d'ajouter un accessoire en vrais sur la sélection des cases à cocher:
$("#checkAll").click(function(){
var check = $(this).prop('checked');
if(check == true) {
$('.checker').find('span').addClass('checked');
$('.checkbox').prop('checked', true);
} else {
$('.checker').find('span').removeClass('checked');
$('.checkbox').prop('checked', false);
}
});
Manutention manuelle de la case à cocher L'état de la case à cocher CLIC a aidé à travailler autour d'un problème étrange sur mon application Web iOS (12.1+), où le navigateur ralentissait l'état inversé de ma case à cocher 🤯
Cochez la case SIMPLE BOOTSTRAP
label.control.checked = false; //uncheck label.control.checked = true; //check
Malheureusement, cela ne fonctionne pas lorsque vous utilisez la case à cocher et les boutons radio: getbootstrap.com/docs/4.0/Components/buttons/...
Le tutoriel vidéo est assez utile
$ ('# Caection de recherche'). PROP ("coché"); de Stackoverflow.com/a/28604443/1225421