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
Mary-Kate Olsenoriginal
2024-12-30 11:36:10879parcourir

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);

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');

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

// within an event handler
this.disabled = true;

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);

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

$("input").removeAttr('disabled');

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!

Déclaration:
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