Maison > interface Web > js tutoriel > le corps du texte

Comment utiliser jquery pour tout sélectionner en un seul clic

coldplay.xixi
Libérer: 2020-11-26 15:38:55
original
3728 Les gens l'ont consulté

La méthode jquery pour implémenter la sélection de tout en un clic : définissez d'abord la boîte d'option ; puis introduisez jQuery et liez un événement de clic de type jQuery au bouton, puis définissez l'attribut d'entrée via prop pour définir la sélection de tout ; .

Comment utiliser jquery pour tout sélectionner en un seul clic

  • Cette méthode convient à toutes les marques d'ordinateurs

jquery one -cliquez sur Méthode d'implémentation pour tout sélectionner :

1. Comme le montre la figure, la structure du projet Web est celle indiquée dans la figure. Si vous connaissez cette structure, vous pouvez l'ajuster vous-même.

Comment utiliser jquery pour tout sélectionner en un seul clic

2. Ensuite, définissez des cases d'options plus simples. Ici, j'utilise simplement abcd pour remplacer les cases d'options.

Comment utiliser jquery pour tout sélectionner en un seul clic

3. Ici, j'utilise jq pour tout sélectionner, j'introduis donc jQuery et lie un événement de clic de type jQuery au bouton.

Comment utiliser jquery pour tout sélectionner en un seul clic

4. Ensuite, définissez les attributs de l'entrée via prop pour tout sélectionner. Prop est une méthode fournie avec jq, ce qui n'est pas mal.

Comment utiliser jquery pour tout sélectionner en un seul clic

5. Comme le montre la figure, étant donné que CheckBox peut définir l'attribut vérifié, nous pouvons le définir sur true.

Comment utiliser jquery pour tout sélectionner en un seul clic

6. Comme le montre l'image, la CheckBox n'est pas cochée par défaut, puis on clique sur le bouton pour tester.

Comment utiliser jquery pour tout sélectionner en un seul clic

7. Après cela, vous pouvez voir que la CheckBox a été cochée, de sorte que tous sont sélectionnés. La sélection de tout est relativement simple.

Comment utiliser jquery pour tout sélectionner en un seul clic

Recommandations d'apprentissage gratuites associées : javascript (vidéo)

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal