如何使用jQuery禁用/启用输入框?

我们可以使用disable属性轻松禁用输入框(文本框,文本区域)。

$(‘elementname’).attr(‘disabled’,’disabled’);

要启用禁用的元素,我们需要从该元素中删除“ disabled”属性。

$(‘elementname’).removeAttr(‘disabled’);

示例

<html >
<head>
   <title>ed</title>
      <script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
      <script type="text/javascript">
         $(document).ready(function () {
            $('#btn1').click(function () {
               $('input').attr('disabled', 'disabled');
            });
            $('#btn2').click(function () {
               $('input').removeAttr('disabled');
            });
         });
      </script>
   </head>
<body>
<div>
<input type="text" id="tt1" /><br />
   <button type="button" id="btn1">Disable</button>
   <button type="button" id="btn2">Enable</button>
</div>
</body>
</html>