Maison interface Web js tutoriel Concernant le problème de l'échec de la sélection complète/sélection inverse de JQuery pour la deuxième fois

Concernant le problème de l'échec de la sélection complète/sélection inverse de JQuery pour la deuxième fois

Oct 12, 2017 am 10:28 AM
jquery 失效

Récemment, j'ai rencontré un problème dans le projet. Lors du test de la fonction de sélection/désélection, lorsque la boîte parent est sélectionnée/désélectionnée pour la première fois, l'état entièrement sélectionné/non sélectionné de la sous-boîte peut être synchronisé, puis la boîte parent peut être cliquée, le sous-cadre ne répond plus. La structure générale du code original est la suivante :


1

'input[name="xxx[]"]').attr("checked"

Copier après la connexion

Étape 1 Essayez la vague frontale :

<. 🎜>

1

2

3

4

5

6

7

function selectAll(obj){           

    if(obj.checked) {

                $(&#39;input[name=&quot;xxx[]&quot;]&#39;).attr(&quot;checked&quot;, true);

            } else {

                $('input[name="xxx[]"]').removeAttr("checked");

            }

}

Copier après la connexion
Le pion ----- n'a aucun effet, jetez-le.

 

Étape 2. Après une recherche rapide sur Internet, j'ai constaté que ce problème est relativement courant. Parmi les personnes ayant rencontré ce problème, je devrais être à des milliers de kilomètres. J'en ai cliqué sur quelques-uns et j'ai dit en gros que l'utilisation de prop au lieu de attr pouvait résoudre le problème :

Cependant, la version utilisée dans le projet est inférieure. que 1.6 et on m'a dit que la dernière version était préférable de ne pas changer la version et de la supprimer.

 

Étape 3. Il n'y a pas d'autre choix que d'abandonner JQuery... Essayez d'utiliser la méthode d'écriture js native, le code est le suivant :


1

2

3

4

5

6

7

8

9

10

11

function selectAll(obj){   

    var xxx = document.getElementsByName(&quot;xxx[]&quot;);       

    if(obj.checked) {           

        for(var i = 0;i &lt; xxx.length;i++) {

                xxx[i].checked = true;

            }

        } else {            for(var i = 0;i &lt; xxx.length;i++) {

                xxx[i].checked = false;

            }

        }

}

Copier après la connexion
Testez-le et résolvez-le avec succès. En fait, c'est un petit problème, mais cela m'a donné une certaine inspiration. Je ne peux pas me limiter à une seule case. Si je réfléchis au problème sous un autre angle, je peux souvent mieux le résoudre.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article chaud

Musée de deux points: Guide de localisation de Bungle Wasteland
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Musée de deux points: Guide de localisation de Bungle Wasteland
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment résoudre le problème courant de l'invalidation de l'heure de connexion de Laravel Comment résoudre le problème courant de l'invalidation de l'heure de connexion de Laravel Mar 06, 2024 pm 09:24 PM

Comment résoudre le problème courant de l'invalidation de l'heure de connexion de Laravel

Explication détaillée des méthodes de référence jQuery : guide de démarrage rapide Explication détaillée des méthodes de référence jQuery : guide de démarrage rapide Feb 27, 2024 pm 06:45 PM

Explication détaillée des méthodes de référence jQuery : guide de démarrage rapide

Comment utiliser la méthode de requête PUT dans jQuery ? Comment utiliser la méthode de requête PUT dans jQuery ? Feb 28, 2024 pm 03:12 PM

Comment utiliser la méthode de requête PUT dans jQuery ?

Comment supprimer l'attribut height d'un élément avec jQuery ? Comment supprimer l'attribut height d'un élément avec jQuery ? Feb 28, 2024 am 08:39 AM

Comment supprimer l'attribut height d'un élément avec jQuery ?

Conseils jQuery : modifiez rapidement le texte de toutes les balises a de la page Conseils jQuery : modifiez rapidement le texte de toutes les balises a de la page Feb 28, 2024 pm 09:06 PM

Conseils jQuery : modifiez rapidement le texte de toutes les balises a de la page

Utilisez jQuery pour modifier le contenu textuel de toutes les balises Utilisez jQuery pour modifier le contenu textuel de toutes les balises Feb 28, 2024 pm 05:42 PM

Utilisez jQuery pour modifier le contenu textuel de toutes les balises

Comprendre le rôle et les scénarios d'application de eq dans jQuery Comprendre le rôle et les scénarios d'application de eq dans jQuery Feb 28, 2024 pm 01:15 PM

Comprendre le rôle et les scénarios d'application de eq dans jQuery

Résumé des fonctions d'opération de fichiers couramment utilisées en PHP Résumé des fonctions d'opération de fichiers couramment utilisées en PHP Apr 03, 2024 pm 02:52 PM

Résumé des fonctions d'opération de fichiers couramment utilisées en PHP

See all articles