如何使用jQuery禁用标签？

Question

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

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

但它并没有变灰.

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

Answer 1

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

就像是:

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

并将该类添加到您的元素:

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

Answer 2

要禁用标签,请禁用与其关联的表单控件.

这不会改变标签的外观,因为你必须改变适用于它的CSS.最好通过从元素中添加(或删除)一个类(并且具有与该类匹配的预先存在的CSS规则集)来完成.