我必须首先禁用输入,然后单击链接以启用它们。
到目前为止,这是我尝试过的方法,但是没有用。
HTML:
<input type="text" disabled="disabled" class="inputDisabled" value="">
jQuery的:
$("#edit").click(function(event){ event.preventDefault(); $('.inputDisabled').removeAttr("disabled") });
这显示给我true,然后false输入没有任何变化:
true
false
$("#edit").click(function(event){ alert(''); event.preventDefault(); alert($('.inputDisabled').attr('disabled')); $('.inputDisabled').removeAttr("disabled"); alert($('.inputDisabled').attr('disabled')); });
prop()** 使用jQuery时,请始终使用该方法来启用或禁用元素(有关原因,请参见下文)。
prop()
在您的情况下,它将是:
$("#edit").click(function(event){ event.preventDefault(); $('.inputDisabled').prop("disabled", false); // Element(s) are now enabled. });
为什么prop()在可以使用attr()/ removeAttr()做到这一点时使用?
attr()
removeAttr()
基本上,prop()应该获取或设置时,可使用特性(如autoplay,checked,disabled和required在其他之中)。
autoplay
checked
disabled
required
通过使用removeAttr(),您可以完全删除disabled属性本身- prop()只是将属性的基础布尔值设置为false。
尽管您 可以 使用attr()/ 来完成操作removeAttr(),但这并不意味着它 应该 完成(在这种情况下,可能会导致奇怪/有问题的行为)。
以下摘录摘自[jQuery文档prop()对这些要点进行了更详细的说明:
“属性和属性之间的差异在特定情况下可能很重要。在jQuery 1.6之前,该.attr()方法有时在检索某些属性时会考虑属性值,这可能导致行为不一致。从jQuery 1.6开始,该.prop() 方法提供了一种显式检索方法属性值,同时 .attr()检索属性。”
.attr()
.prop()
“属性通常会在不更改序列化HTML属性的情况下影响DOM元素的动态状态。示例包括value 输入元素的disabled属性,输入和按钮的checked属性或复选框的属性。.prop()应使用此方法来设置disabled而checked不是该.attr() 方法。该.val()方法应用于获取和设置 value。”
value
.val()