如何使用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");
    }
});