jquery désactiver le bouton

jquery Unbutton Disable

Dans le développement Web, nous désactivons parfois un bouton dans certaines situations, par exemple pour empêcher les utilisateurs de soumettre des formulaires à plusieurs reprises. Mais parfois, nous devons désactiver le bouton après le déclenchement d’autres événements. À l’heure actuelle, vous devez utiliser jQuery pour y parvenir.

jQuery peut facilement obtenir des éléments DOM et modifier les attributs des éléments DOM. Par conséquent, nous pouvons utiliser jQuery pour trouver rapidement le bouton qui doit être désactivé et rétablir ses propriétés à leurs valeurs d'origine.

La méthode d'implémentation spécifique est la suivante :

1. Ajoutez un attribut désactivé au bouton qui doit être désactivé. Par exemple :

Soumettre le bouton

2. Liez une méthode à l'événement qui déclenche le déverrouillage (par exemple après le retour réussi de la requête Ajax). Dans la méthode, vous pouvez utiliser jQuery pour rechercher l'élément bouton et modifier son attribut désactivé sur false. Par exemple :

//Déverrouillez le bouton après le retour réussi de la requête Ajax
$.ajax({

url: "xxx",
success: function(data) {
    //找到按钮元素并解禁
    $("#submitBtn").attr("disabled", false);
}

});

3. En utilisant la méthode ci-dessus, vous pouvez facilement désactiver et réactiver un seul bouton. Mais si nous devons utiliser plusieurs boutons par lots, nous pouvons utiliser le sélecteur de jQuery pour trouver tous les boutons qui remplissent les conditions en même temps et les utiliser, par exemple :

//Désactiver tous les boutons avec la classe désactivée-btn
$( ". Disabled-btn").attr("disabled", true);

//Déverrouillez l'état désactivé de tous les boutons avec la classe désactivé-btn
$(".disabled-btn").attr("disabled", false) ;

Il convient de noter que lorsque vous utilisez jQuery pour désactiver un bouton, ne définissez pas toutes les propriétés du bouton sur désactivé. Sinon, des problèmes inattendus peuvent survenir lorsque les utilisateurs utilisent d'autres éléments. Le bouton de désactivation ne doit être utilisé que lorsque cela est nécessaire et assurez-vous de le désactiver le cas échéant.

Pour résumer, il est très simple d'utiliser jQuery pour annuler la désactivation du bouton. Il vous suffit de trouver le bouton qui doit être désactivé et de définir l'attribut désactivé sur false. Cependant, il faut veiller à ne pas abuser du bouton désactivé pour éviter de causer des problèmes aux utilisateurs.

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!