Maison > interface Web > js tutoriel > Comment rendre un bouton non cliquable dans jquery

Comment rendre un bouton non cliquable dans jquery

coldplay.xixi
Libérer: 2023-01-04 09:38:07
original
10690 Les gens l'ont consulté

Comment définir le bouton pour qu'il ne soit pas cliquable dans jquery : utilisez d'abord la balise bouton pour créer le bouton et lier l'événement de clic ; puis dans la fonction, obtenez l'objet bouton via l'identifiant et utilisez la méthode [att()] pour désactiver le bouton. Définissez la propriété sur true pour rendre le bouton non cliquable.

Comment rendre un bouton non cliquable dans jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.2.1, ordinateur DELL G3.

Recommandé : Tutoriel vidéo jquery

Comment définir le bouton pour qu'il ne soit pas cliquable dans jquery :

1. Créez un nouveau fichier html, nommé test.html, pour expliquer comment définir le bouton pour qu'il ne soit pas cliquable avec jquery.

Comment rendre un bouton non cliquable dans jquery

2. Dans le fichier test.html, dans la balise p, utilisez la balise bouton pour créer un bouton et définissez son identifiant sur mybut.

Comment rendre un bouton non cliquable dans jquery

3. Dans le fichier test.html, utilisez la balise p pour créer une ligne de texte avec le texte "Cliquer sur le bouton de configuration n'est pas disponible".

Comment rendre un bouton non cliquable dans jquery

4. Dans le fichier test.html, liez l'événement onclick click au texte de la balise p Lorsque vous cliquez sur le texte, exécutez la fonction setBut.

Comment rendre un bouton non cliquable dans jquery

5. Dans la balise js, créez la fonction setBut Dans la fonction, obtenez l'objet bouton via l'identifiant et utilisez la méthode att() pour définir le. attribut désactivé du bouton sur true , pour rendre le bouton non cliquable.

Comment rendre un bouton non cliquable dans jquery

6. Ouvrez le fichier test.html dans le navigateur, cliquez sur le texte pour voir l'effet.

Comment rendre un bouton non cliquable dans jquery

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