jQuery使用按钮事件查询启用文本框

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

您给布尔值作为字符串

用这个

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

代替

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

演示

Answer 3

或者，您可以使用它，即使索尼先生的最后一个答案是正确的。

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