javascript - 单击 anchor 启用文本字段

Question

我有如下所示的文本字段，默认情况下它是禁用的。

<input disabled="" type="text" name="name" class="inputUsrProfile" placeholder="Add a description about your self..">

anchor 标签在下面

<a href="#"><i class="fa fa-pencil" id="clickPencil" aria-hidden="true"></i></a>

我希望在单击 anchor 标记时启用文本字段。

下面是我正在尝试的 jquery，它似乎不起作用。

$("#clickPencil").prop('disabled', false);

这是 fiddle .

Answer 1

您需要获取输入字段而不是 i 标记，因此更改选择器以获取输入字段。虽然使用 click() 绑定(bind)点击事件方法在触发点击事件时更改属性。

$("#clickPencil").click(function() {
  $(".inputUsrProfile").prop('disabled', false)
});

$("#clickPencil").click(function() {
  $(".inputUsrProfile").prop('disabled', false)
});

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input disabled="" type="text" name="name" class="inputUsrProfile" placeholder="Add a description about your self..">
<a id="clickPencil" href="#"><i class="fa fa-pencil"  aria-hidden="true"></i></a>