jQuery`prop`方法无法按预期运行

时间:2016-11-22 09:55:29

标签: jquery

我遇到了jQuery prop方法的问题。 如果我动态设置值,然后禁用输入,则值将隐藏。以下是我的代码:

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

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

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

在这个时间点,我的价值再次可见。 任何人都可以帮助我理解这一点,即使在禁用模式下也可以看到该值吗? 感谢

2 个答案:

答案 0 :(得分:0)

这是我为你做的工作JSFiddle。问题出在你的jQuery脚本加载上。

<input type="text" value="firstName" disabled="true" />
<button id="chProp">
    Change Prop
</button>

$("#chProp").on('click', function(){
   $("input").prop("disabled",false);
});

希望它能解决您的问题。

答案 1 :(得分:0)

对于jQuery 1.6 +

要更改disabled属性,您应该使用.prop()函数。

$(“input”)。prop('disabled',true); $(“input”)。prop('disabled',false);

对于jQuery 1.5及更低版本

.prop()函数不存在,但.attr()的作用相似:

设置已禁用的属性。

$( “输入”)ATTR( '禁用', '禁用')。 要再次启用,正确的方法是使用.removeAttr()

$( “输入”)removeAttr( '禁用');

有关详情Reference link