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


我们可以轻松地将禁用属性设为“disabled”,从而禁用输入框(文本框、文本域)。

$(‘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>

更新于: 2020 年 6 月 22 日

17K+ 浏览量

开启你的 职业生涯

通过完成课程获得认证

开始
广告
© . All rights reserved.