JQuery使文本框与按钮事件查询

JQuery enabling a textbox with a button event query

本文关键字:按钮 事件查询 文本 JQuery      更新时间:2023-09-26

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

<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>  

当文本框最初没有被禁用并且我想禁用它时,我可以得到这个工作,尽管我不能让它以另一种方式工作-当它被禁用并且我想启用它时。

谁能给我指个正确的方向?

嗨,我已经为你创建了一个jsfiddle,请看工作示例…

你应该使用removeAttr而不是attr代码:
 $(document).ready(function(){     
       $("button").click(function(){         
        $("#text").removeAttr("disabled");     
       });   
     });   

链接:http://jsfiddle.net/L7S37/15/

你给布尔值作为字符串

使用这个

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

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

或者你可以这样说,即使Soni先生最后的答案是正确的。

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