jQuery`Prop`方法无法正常工作

Question

我正在与jquery prop方法遇到问题。如果我动态设置值，然后禁用输入，则该值隐藏了。以下是我的代码：

$("#firstName").val("First Name");
$("input").prop("disabled",true);

现在单击编辑按钮并删除禁用。

$("input").prop("disabled",false);

在此时间点，我的价值再次可见。有人可以帮助我理解这一点并使该价值在禁用模式下甚至可以看到吗？谢谢

Answer 1

用于jQuery 1.6

要更改禁用属性，您应该使用.prop（）函数。

$（"输入"）。prop（'disabled'，true）;$（"输入"）。prop（'disabled'，false）;

jQuery 1.5及以下

.prop（）函数不存在，但是.attr（）确实相似：

设置禁用属性。

$（"输入"）。attr（'disabled'，'disabled'）;要再次启用，适当的方法是使用.removeattr（）

$（"输入"）。removeAttr（'disabled'）;

有关更多详细信息参考链接。

Answer 2

这是我为您制作的工作JSfiddle。问题在于您的jQuery脚本加载。

<input type="text" value="firstName" disabled="true" />
<button id="chProp">
    Change Prop
</button>
$("#chProp").on('click', function(){
   $("input").prop("disabled",false);
});

希望它能解决您的问题。