jquery - 输入在 IE 中显示为禁用，但未禁用

Question

我的页面上有一个输入（按钮），如下所示：

<input id="the-button" type="submit" class="btn" value="Click me!">

我正在覆盖表单提交操作，因此我可以在实际提交表单之前检查一些事情。在执行此操作之前，我禁用了该按钮，因此用户不会再次单击它，因此他们可以看到该页面正在运行。

$("#the-button").attr("disabled", true);

如果我决定不提交表单，我会重新启用该按钮。

$("#the-button").attr("disabled", false);

这在 Chrome/Firefox 中按预期工作，但在 IE8 中，该按钮似乎被禁用，但您仍然可以单击它。所需的行为是看起来已启用，但在 IE 中显示为灰色。

score 7 · Accepted Answer

如果您使用的是 jQuery 1.6+，那么您真的应该使用 .prop，因为 'disabled' 是元素的属性

$("#the-button").prop("disabled", true);
$("#the-button").prop("disabled", false);

score 2 · Accepted Answer

正如 Wiry 所说，这是使用 jQuery 的最佳方式prop，但是如果您坚持使用旧版本的 jQuery，您可以“镜像”IE 的语句，例如：

$("#the-button").attr("disabled", ""); // Enabled
$("#the-button").attr("disabled", "disabled"); // Disabled

ReadOnly 也是如此（显然在文本框等上）

$("#the-button").attr("readonly", ""); // Read Write
$("#the-button").attr("readonly", "readonly"); // Read Only

2 回答 2