javascript - Désactiver/activer une entrée avec jQuery

Mots clés : javascriptjqueryhtml-inputdisabled-inputjavascript

meilleur 5 Réponses javascript - Désactiver/activer une entrée avec jQuery

vote vote

98

$("input").prop('disabled', true); $("input").prop('disabled', false); 
$("input").attr('disabled','disabled'); 
$("input").removeAttr('disabled'); 
// assuming an event handler thus 'this' this.disabled = true; 
vote vote

85

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

76

    // Disable #x     $( "#x" ).prop( "disabled", true );     // Enable #x     $( "#x" ).prop( "disabled", false ); 
  //To disable    $('.someElement').attr('disabled', 'disabled'); 
//To enable  $('.someElement').removeAttr('disabled');  // OR you can set attr to ""  $('.someElement').attr('disabled', ''); 
vote vote

62

$("input")[0].disabled = true; 
$("input")[0].disabled = false; 
vote vote

52

$.prototype.enable = function () {     $.each(this, function (index, el) {         $(el).removeAttr('disabled');     }); }  $.prototype.disable = function () {     $.each(this, function (index, el) {         $(el).attr('disabled', 'disabled');     }); } 
$(".myInputs").enable(); $("#otherInput").disable(); 

Questions similaires