Maison > interface Web > js tutoriel > Comment désactiver et activer les champs de saisie à l'aide de jQuery ?

Comment désactiver et activer les champs de saisie à l'aide de jQuery ?

Mary-Kate Olsen
Libérer: 2024-12-30 11:36:10
original
895 Les gens l'ont consulté

How Do I Disable and Enable Input Fields Using jQuery?

Comment désactiver ou activer une entrée avec jQuery

Introduction :
Les champs de saisie peuvent être cruciaux pour l'interaction de l'utilisateur, et parfois, leur désactivation ou leur activation est essentielle pour contrôler les actions de l'utilisateur. jQuery fournit des méthodes robustes pour ces opérations.

Désactiver une entrée :
Dans les versions 1.6 et supérieures de jQuery, utilisez la fonction .prop() pour définir la propriété désactivée :

$("input").prop('disabled', true);
Copier après la connexion

Pour jQuery 1.5 et versions antérieures, utilisez la fonction .attr() pour définir les paramètres désactivés. attribut :

$("input").attr('disabled','disabled');
Copier après la connexion

Vous pouvez également modifier directement la propriété désactivée de l'objet DOM :

// within an event handler
this.disabled = true;
Copier après la connexion

Activer une entrée :
Encore une fois, pour jQuery 1.6 , utilisez .prop() pour définir la propriété désactivée sur false :

$("input").prop('disabled', false);
Copier après la connexion

Dans jQuery 1.5 et versions antérieures, utilisez .removeAttr() pour supprimer l'attribut désactivé :

$("input").removeAttr('disabled');
Copier après la connexion

Comme pour la désactivation, vous pouvez également définir directement la propriété désactivée de l'objet DOM sur false.

Note pour jQuery 1.6 :
La fonction .removeProp() devrait ne être utilisé sur les propriétés natives telles que « désactivé ». Au lieu de cela, définissez les propriétés sur false à l'aide de .prop().

Conclusion :
La désactivation ou l'activation des entrées avec jQuery est simple et vous pouvez choisir la méthode qui convient le mieux à vos besoins spécifiques. version de jQuery. N'oubliez pas de prendre en compte les performances et la compatibilité du navigateur lors de votre sélection.

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!

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal