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

Désactivation et activation des champs de saisie avec jQuery

Lorsque vous travaillez avec des éléments de formulaire HTML, il est souvent nécessaire de désactiver ou d'activer certains champs de saisie pour l'utilisateur interaction. jQuery fournit plusieurs méthodes pour accomplir ces tâches.

Désactivation d'un champ de saisie

La méthode préférée pour désactiver un champ de saisie dans les versions 1.6 et supérieures de jQuery consiste à utiliser le prop( ) fonction :

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

Avant jQuery 1.6, la fonction attr() peut être utilisée pour définir les personnes désactivées attribut :

$("input").attr('disabled', 'disabled');

Activation d'un champ de saisie

Pour activer un champ de saisie désactivé, vous devez inverser l'action en fonction de la méthode utilisée :

jQuery 1.6

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

jQuery 1.5 et ci-dessous

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

Manipulation directe du DOM

Dans n'importe quelle version de jQuery, vous pouvez toujours manipuler directement l'élément DOM :

// Assuming an event handler thus 'this'
this.disabled = true;
// ...
this.disabled = false;

Remarque pour jQuery 1.6

Pendant que jQuery 1.6 introduit la méthode removeProp(), elle ne doit pas être utilisée pour les propriétés natives comme désactivées. Au lieu de cela, utilisez toujours .prop() pour basculer 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!