如何使用jQuery禁用/启用输入字段

问题描述：

如何使用jQuery正确启用/禁用输入字段？如何使用jQuery禁用/启用输入字段

我与实验：

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

从这个输入字段删除disabled="disabled"：

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

但如何与点击再次添加另一个按钮，或者如何在点击禁用输入字段？

http://*.com/questions/1414365/how-to-disable-an-input-with- jquery在这里检查 – jeremysawesome 2012-03-10 20:25:29

答

jQuery的版本1.6+使用prop：

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

对于旧版本的jQuery使用attr：

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

答

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

会做。

但是请注意，在禁用它之后（通过上面的代码）onclick处理程序将无法正常工作。要再次启用它，请在另一个按钮或字段的onclick处理程序中添加$("#FullName").removeAttr('disabled');。

作品，非常感谢！ – Drazek 2012-03-10 20:28:47

谢谢你使第二部分清楚。我无法弄清楚为什么在文本输入被禁用时点击事件没有被触发。 – decapo 2017-02-14 14:05:33

答

这应该做到这一点。

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

Shiplu是正确的，但使用这个如果你还没有使用jQuery 1.6 +

答

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

.attr(attributeName, value) function

对于该组匹配元素

你忘了第一个选择器'＃''（'anOherButton“）......'它有错字。 – gdoron 2012-03-10 20:32:19

@gdoron：谢谢，编辑 – sll 2012-03-11 07:51:47

答

$('#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"); 
    } 
});

答

另一种简单的方法的设置的一个或多个属性，以启用/禁用输入费尔德

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

答

要切换残疾人之间的领域并启用，试试这个：

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

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

如何使用jQuery禁用/启用输入字段

相关推荐