Comment désactiver et activer les champs de saisie HTML avec 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);

Activer :

$("input").prop('disabled', false);

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

Activer :

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

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;

Activer :

this.disabled = false;

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!