bouton de désactiver jQuery
Cependant, comme la plupart des choses dans le monde, il a des inconvénients. L'un d'eux est qu'il manque une méthode directe pour désactiver un bouton. Cela ne signifie pas que c'est l'annulation. Et dans ce tutoriel, nous discuterons de la façon dont nous pouvons désactiver un bouton à l'aide de jQuery."
Méthode JQuery Prop
Ajouté dans jQuery version 1.6 et plus, jQuery vous permet de désactiver un bouton à l'aide de la méthode Prop ().
Vous pouvez en savoir plus sur l'origine de la fonction dans la ressource ci-dessous:
https: // api.jquery.com / prop /
Pour l'instant, nous nous concentrerons sur la façon d'utiliser cette méthode pour désactiver un bouton.
Regardons la syntaxe de la fonction et comment nous pouvons l'utiliser. Comme toutes les méthodes jQuery, la fonction prop () est appliquée à un élément sélectionné. Dans notre exemple, nous utilisons un bouton simple.
Par conséquent, commençons par créer un bouton simple.
L'exemple ci-dessus montre un bouton très simple qui a un ID d'ID. Nous pouvons ensuite utiliser l'ID pour sélectionner le bouton et appliquer la fonction d'hélice.
La syntaxe est comme indiqué ci-dessous:
Dans l'exemple ci-dessus, nous ouvrons la balise de script et ajoutons notre javascript de la bibliothèque jQuery. Nous commençons par sélectionner l'élément que nous souhaitons désactiver en utilisant son identifiant. Une fois sélectionné, utilisez la méthode d'hélice et définissez la propriété désactivée sur true.
Gardez à l'esprit que la fonction Prop accepte l'attribut cible comme le premier paramètre du formulaire de chaîne. Le deuxième paramètre est la valeur de l'attribut sous forme booléenne.
Exemple
Pour illustrer, commençons par importer la bibliothèque jQuery dans notre fichier HTML.
Nous pouvons ensuite créer le bouton et le désactiver comme indiqué dans l'exemple de code ci-dessous:
Si nous ouvrons le fichier dans le navigateur, nous devons voir que le bouton est désactivé.
Activer le bouton avec jQuery
L'opposé est vrai. Nous pouvons activer et désactiver le bouton en définissant l'attribut désactivé à FALS.
Par exemple:
Dans l'exemple ci-dessus, nous pouvons voir que le bouton est désactivé par défaut en définissant la propriété HTML désactivée.
Nous pouvons alors l'activer en utilisant jQuery, comme indiqué ci-dessus.
Fermeture
Ce court tutoriel couvre les bases de la désactivation et de l'activation d'un bouton de jQuery en utilisant la fonction de prop. Si vous utilisez jQuery version 1.6 et inférieur, vous pouvez utiliser la fonction ATTR qui fonctionne de manière similaire.
Codage heureux!!