web-dev-qa-db-fra.com

jQuery désactive tous les boutons d'une classe css

J'ai n boutons. Ce bouton a le même nom: setAlg.

Je voudrais désactiver tous les boutons qui porte ce nom.

J'ai essayé 

$("input[name='setAlg']").attr("disabled",true);

mais ça ne marche pas.

Comment je peux faire?

Merci beaucoup.

jquerybutton
11
michele

Assurez-vous d’emballer votre code dans le gestionnaire ready:

$(function(){
  $("input[name='setAlg']").attr("disabled", true);
});

Mais si vous utilisez la même classe pour ces champs de saisie (selon le titre de votre question), vous devez plutôt essayer ceci:

$(function(){
  $("input.myclass").attr("disabled", true);
});

Où myclass est censé être le nom de classe utilisé pour ces champs d'entrée.

20
Sarfraz

La suggestion de Chris Pebbles devrait bien fonctionner, mais je suis confus. Dans le titre de votre question, vous indiquez tout particulièrement "jQuery désactive tous les boutons d'une classe css ", mais vous fournissez ensuite un exemple indiquant que vous souhaitez réellement désactiver tous les boutons ayant un attribut name de setAlg.

Deux points me viennent à l’esprit. Premièrement, vos boutons, puisqu'ils portent tous le même nom, peuvent produire des résultats inattendus lorsque l'utilisateur soumet votre formulaire (si c'est ce qu'ils font, mais je me trompe peut-être ici). Si tel est le cas, vous voudrez probablement vraiment les définir tous dans le même classe , pas nom .

<input class="setAlg">...

Le deuxième point est que si vous voulez que votre jQuery fonctionne avec une classe, vous devez faire:

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

J'espère que cela a été utile.

4
mkoistinen

Je pense que tu as oublié des citations

$("input[name='setAlg']").attr('disabled','true');

Si cela ne fonctionne pas, alors peut-être que votre sélection ne fonctionnera pas

1
Shervin Asgari

Vous pouvez désactiver un bouton en utilisant les étapes mentionnées ci-dessous.

Dites votre nom de classe de bouton = setAlg

Étape 1:

Utilisant l'attribut Jquery attr:

$('.setAlg').attr('disabled', 'disabled');

Étape 2:

Utilisant Jquery addClass CSS Class:

$('.setAlg').addClass('disabled');

Étape 3:

Puis en déclarant la classe de style CSS:

 <style type="text/css">
        .disabled
        {
            background: none repeat scroll 0 0 burlyWood;
            cursor: default !important;
        }
  </style>

J'ai écrit un article de blog à propos de cette vérification Comment désactiver un bouton en utilisant Jquery et CSS?

0
Sampath