Maison > interface Web > js tutoriel > Comment rendre le bouton indisponible avec jquery

Comment rendre le bouton indisponible avec jquery

coldplay.xixi
Libérer: 2023-01-04 09:37:03
original
6812 Les gens l'ont consulté

Comment rendre un bouton indisponible dans jquery : créez d'abord un bouton à l'aide de la balise bouton ; puis obtenez l'objet bouton bouton via l'identifiant et utilisez la méthode [att()] pour définir l'attribut désactivé du bouton sur true pour rendre le bouton non cliquable.

Comment rendre le bouton indisponible avec jquery

L'environnement d'exploitation de ce tutoriel : système Windows7, version jquery3.2.1, ordinateur thinkpad t480.

Comment rendre le bouton indisponible dans jquery :

1 Créez un nouveau fichier html nommé test.html pour expliquer comment jquery rend le bouton non cliquable.

Comment rendre le bouton indisponible avec 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 le bouton indisponible avec 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 le bouton indisponible avec 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 le bouton indisponible avec 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 le bouton indisponible avec jquery

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

Comment rendre le bouton indisponible avec 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