Question

如果有人可以提供帮助我有一个小问题...我正在尝试实现一个表单，所以当页面加载时，文本框被禁用。如果用户希望修改信息，他们首先必须按下一个按钮，该按钮将启用文本框。

<input id="text" type="text" disabled="disabled">
<br />
<button>Enable</button

所以我有一个禁用的基本文本框。然后应该启用文本框的事件...

  <script type="text/javascript" src="jquery.js"></script>   
  <script type="text/javascript">   
     $(document).ready(function(){     
       $("button").click(function(){         
        $("#text").attr("disabled","false");     
       });   
     });   
  </script>

当文本框最初没有被禁用而我想要禁用它时，我可以使用它，虽然我无法让它以相反的方式工作 - 当它被禁用并且我想启用它时。

有人能指出我正确的方向吗？

Answer 1

您好我已经创建了一个jsfiddle，您可以看到工作示例......

您应该使用 removeAttr 而不是 attr 代码： -

 $(document).ready(function(){     
       $("button").click(function(){         
        $("#text").removeAttr("disabled");     
       });   
     });

链路： - http://jsfiddle.net/L7S37/15/

Answer 2

您将布尔值赋予String

使用此

$("#text").attr("disabled",false);

而不是

$("#text").attr("disabled","false");

DEMO

Answer 3

或者你可以使用这个，即使是Soni先生的最后答案也是正确的。

$(document).ready(function(){     
   $("button").click(function(){         
    $("#text").prop('disabled', false);     
   });   
 });

JQuery通过按钮事件查询启用文本框

3 个答案: