如何使用 jQuery 禁用标签？答案

【问题标题】：How to disable a label with jQuery?如何使用 jQuery 禁用标签？
【发布时间】：2013-07-07 07:31:51
【问题描述】：

如何使用 jQuery 禁用标签？我试过了：

$('#some-id').prop('disabled', true);

但它没有变灰。

我的 HTML 是：<label for="some-id">Label Here</label><input id="some-id"/>

【问题讨论】：

【解决方案1】：

labels 没有内置的禁用属性。您需要自己添加一个类来禁用它们。

类似：

.disabled {
   color: darkgrey;
   background-color: grey;
}

并将类添加到您的元素：

$('#some-id').addClass('disabled');

【讨论】：

【解决方案2】：

要禁用标签，请禁用与其关联的表单控件。

但这不会改变标签的外观，因为您必须更改适用于它的 CSS。最好的方法是从元素中添加（或删除）一个类（并拥有一个与该类匹配的预先存在的 CSS 规则集）。

【讨论】：

【解决方案3】：

您可以像这样禁用输入：

$("#test").attr("disabled", "disabled");

应该注意，您不能禁用标签，因为它不接受任何输入。如果您希望它看起来被禁用，您可以考虑将文本的颜色更改为灰色。

$("#test").css("color", "#666");

【讨论】：

【解决方案4】：

当你禁用输入时，你应该在标签中添加一个禁用的类。如果您想将所有代码保存在同一个位置，您可以这样做：

$('#some-id, [for="some-id"]').prop('disabled', true).addClass('disabled');

【讨论】：