1. 首页
  2. 问题
  3. 禁用和启用html输入按钮
小编典典

禁用和启用html输入按钮

javascript

所以我有一个像这样的按钮：

<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>

我要如何禁用和启用它？我已经尝试过，disabled="disable"但是将其重新启用是一个问题。我尝试将其设置回false，但是没有启用它。


阅读 1336

收藏
2020-05-01

共1个答案

小编典典

使用JavaScript

  • 禁用HTML按钮

    document.getElementById("Button").disabled = true;

  • 启用html按钮

    document.getElementById("Button").disabled = false;

使用jQuery

jQuery 1.6之前的所有版本

  • 禁用HTML按钮

    $('#Button').attr('disabled','disabled');

  • 启用html按钮

    $('#Button').removeAttr('disabled');

1.6之后的所有版本的jQuery

  • 禁用HTML按钮

    $('#Button').prop('disabled', true);

  • 启用html按钮

    $('#Button').prop('disabled', false);

PS更新了基于jquery1.6.1更改的代码。作为建议，请始终使用最新的jquery文件和prop()方法。

2020-05-01