Désactiver/activer une entrée avec jQuery ?

Question

$input.disabled = true;

ou

$input.disabled = "disabled";

Quelle est la méthode standard ? Et, inversement, comment activer une entrée désactivée ?

Answer 1

JQuery 1.6+

Pour modifier le disabled vous devez utiliser la propriété .prop() fonction.

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

jQuery 1.5 et inférieur

Le site .prop() n'existe pas, mais .attr() fait de même :

Définissez l'attribut désactivé.

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

Pour activer à nouveau, la méthode correcte consiste à utiliser .removeAttr()

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

Dans toutes les versions de jQuery

Vous pouvez toujours compter sur l'objet DOM actuel et c'est probablement un peu plus rapide que les deux autres options si vous ne traitez qu'un seul élément :

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

L'avantage d'utiliser le .prop() ou .attr() est que vous pouvez définir la propriété pour un ensemble d'éléments sélectionnés.

---

Note : Dans la version 1.6, il existe un .removeProp() qui ressemble beaucoup à removeAttr() mais il NE DOIT PAS ÊTRE UTILISÉ sur des propriétés natives comme 'disabled' Extrait de la documentation :

Remarque : n'utilisez pas cette méthode pour supprimer des propriétés natives telles que coché, désactivé ou sélectionné. Cela supprimera complètement la propriété et, une fois supprimée, elle ne pourra plus être ajoutée à l'élément. Utilisez .prop() pour définir ces propriétés à false.

En fait, je doute qu'il y ait beaucoup d'utilisations légitimes de cette méthode, les props booléens sont faits de telle manière que vous devez les mettre à faux au lieu de les "supprimer" comme leurs homologues "attributs" en 1.5.

Answer 2

C'est juste pour avoir de nouvelles conventions et pour pouvoir s'adapter à l'avenir (à moins que les choses ne changent radicalement avec l'ECMA6 ( ????)) :

$(document).on('event_name', '#your_id', function() {
    $(this).removeAttr('disabled');
});

et

$(document).off('event_name', '#your_id', function() {
    $(this).attr('disabled','disabled');   
});

Answer 3

    // Disable #x
    $( "#x" ).prop( "disabled", true );
    // Enable #x
    $( "#x" ).prop( "disabled", false );

Parfois, vous avez besoin de désactiver/activer l'élément de formulaire comme l'entrée ou le textarea. Jquery vous aide à le faire facilement en définissant l'attribut disabled à "disabled". Par exemple :

  //To disable 
  $('.someElement').attr('disabled', 'disabled');

Pour activer un élément désactivé, vous devez supprimer l'attribut "disabled" de cet élément ou vider sa chaîne. Par exemple

//To enable 
$('.someElement').removeAttr('disabled');

// OR you can set attr to "" 
$('.someElement').attr('disabled', '');

référer : http://garmoncheg.blogspot.fr/2011/07/how-to-disableenable-element-with.html

Answer 4

Faites juste attention si vous utilisez

$().removeProp("disabled");

qui ne fonctionnera pas. C'est un peu délicat...

Answer 5

Pour n'importe quelle version de jQuery, vous devez utiliser seulement .attr() et .removeAttr()

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