如何使用jQuery單擊禁用/啟用輸入字段

Question

如何使用jQuery正確啟用/禁用點擊輸入字段？

我正在嘗試：

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

從此輸入字段中刪除disabled="disabled" ：

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

但是如何通過單擊另一個按鈕再次添加它或如何在單擊時禁用輸入字段？

Answer 1

對於jQuery版本1.6+使用prop ：

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

對於舊版本的jQuery，請使用attr ：

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

Answer 2

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

會做。

但是在禁用它之后請記住（通過上面的代碼） onclick處理程序不會作為其禁用。 要再次啟用它，請添加$("#FullName").removeAttr('disabled'); 在另一個按鈕或字段的onclick處理程序中。

Answer 3

$('#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 4

啟用/禁用輸入場的另一種簡單方法

 $("#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 5

這應該做到這一點。

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

Shiplu是正確的，但是如果你沒有使用jquery 1.6+，請使用它

Answer 6

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

• .attr（attributeName，value）函數

  為匹配元素集設置一個或多個屬性

Answer 7

要在禁用和啟用之間切換字段，請嘗試以下操作：

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

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