Question

我的文字字段如下所示，默认情况下已禁用。

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

锚标签位于

之下

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

点击锚标记后，我希望文本字段启用。

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

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

这是docs。

Answer 1

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

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

Answer 2

Updated fiddle 尝试使用点击功能。并使用$('input')进行更改

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

或尝试 className

$(".inputUsrProfile").prop('disabled', false);

Answer 3

您需要serializer.save()

的click事件

Answer 4

Fiddle

$("#clickPencil").click(function() {
   $('.inputUsrProfile').prop('disabled', function(i, v) { return !v; });
 });

这将像toggle一样工作，检查一下。

单击以获取锚点启用文本字段

4 个答案: