Come disabilitare/abilitare il campo di input al clic con jQuery

Question

Come abilitare/disabilitare correttamente il campo di input al clic con jQuery?

stavo sperimentando con:

$("#FullName").removeAttr('disabled'); 

che rimuove disabled="disabled" da questo campo di input:

<input id="FullName" style="width: 299px" value="Marko" disabled="disabled" /> 

Ma come aggiungere di nuovo con clic su un altro pulsante o come disabilitare campo di immissione al clic ?

Answer 1

Per la versione di jQuery 1.6 + utilizzare prop:

$('#elementId').click(function(){ 
     $('#FullName').prop('disabled', true\false); 
}); 

Per le versioni precedenti di jQuery utilizzano attr:

$('#elementId').click(function(){ 
     $('#FullName').attr('disabled', 'disabled'\''); 
}); 

Answer 2

$("#FullName").prop('disabled', true); 

Fare.

Ma tieni presente dopo averlo disabilitato (dal codice precedente) il gestore onclick non funziona come disabilitato. Per abilitarlo di nuovo aggiungere $("#FullName").removeAttr('disabled'); nel gestore onclick di un altro pulsante o campo.

Answer 3

Questo dovrebbe farlo.

$("#FullName").attr('disabled', 'disabled'); 

Shiplu è corretto, ma utilizzare questo se si è non si utilizza jQuery 1.6 +

Answer 4

$("#anOtherButton").click(function(){ 
    $("#FullName").attr('disabled', 'disabled'); 
}); 

• .attr(attributeName, value) function

  impostare uno o più attributi per l'insieme di elementi corrispondenti

Answer 5

$('#checkbox-id').click(function() 
{ 
    //If checkbox is checked then disable or enable input 
    if ($(this).is(':checked')) 
    { 
     $("#to-enable-input").removeAttr("disabled"); 
     $("#to-disable-input").attr("disabled","disabled"); 
    } 
    //If checkbox is unchecked then disable or enable input 
    else 
    { 
     $("#to-enable-input").removeAttr("disabled"); 
     $("#to-disable-input").attr("disabled","disabled"); 
    } 
}); 

Answer 6

altro metodo semplice per abilitare/disabilitare feild ingresso

$("#anOtherButton").click(function() { 
 
    $("#FullName").attr('disabled', !$("#FullName").attr('disabled')); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
 

 
<input id="FullName" style="width: 299px" value="Marko" disabled="disabled" /> 
 
<br> 
 
<br> 
 
<input type="button" id="anOtherButton" value="disable/enable" />

Answer 7

Per passare un campo tra il disabile e abilitato, provate questo:

$('#toggle_button').click(function() { 
    $('#FullName').prop("disabled", 

    function (i, val) { 
     return !val; 
    }); 
})