Maison > interface Web > js tutoriel > Comment désactiver et activer les champs de saisie HTML avec jQuery ?

Comment désactiver et activer les champs de saisie HTML avec jQuery ?

Patricia Arquette
Libérer: 2024-12-11 20:28:11
original
983 Les gens l'ont consulté

How to Disable and Enable HTML Input Fields with jQuery?

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

Lorsque vous travaillez avec des champs de saisie HTML, il est souvent nécessaire de les désactiver ou de les activer pour diverses raisons. jQuery propose plusieurs façons d'accomplir ces tâches.

Méthode standard (jQuery 1.6)

Depuis jQuery 1.6, la méthode préférée pour modifier la propriété désactivée consiste à utiliser le .prop () fonction.

Désactiver :

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

Activer :

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

jQuery 1.5 et versions antérieures

Dans les versions de jQuery antérieures à 1.6, la fonction .prop() est pas disponible. Utilisez plutôt la fonction .attr() :

Désactiver :

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

Activer :

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

Méthode objet DOM

Quelle que soit la version de jQuery, vous pouvez directement accéder à l'objet DOM et modifier sa propriété désactivée :

Désactiver :

this.disabled = true;
Copier après la connexion

Activer :

this.disabled = false;
Copier après la connexion

Remarque pour jQuery 1.6 :

Dans les versions jQuery 1.6 , une méthode .removeProp() est disponible. Cependant, il ne doit pas être utilisé pour supprimer des propriétés natives telles que désactivées, car il les supprime définitivement. Utilisez plutôt .prop() pour définir la propriété sur false.

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