如何使用jQuery禁用一个标签？

11 浏览
0 Comments

如何使用jQuery禁用一个标签？

我该如何使用jQuery禁用一个标签？我尝试了以下代码：

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

但是它没有显示为灰色。

我的HTML代码是：

0

3 答案

0 Comments

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

这不会改变标签的外观，为了改变外观，需要改变应用于它的CSS。最好的方法是通过给元素添加（或删除）一个类来实现（并且有一个预先存在的CSS规则集来匹配该类）。

在我看来，这是一个比被接受的答案更好的答案。被接受的答案只会让它看起来被禁用，而这个建议是禁用控制标签的输入并使其看起来被禁用。

解决方法：

1. 通过禁用与标签关联的表单控件来禁用标签。


$('label').prop('disabled', true);

2. 如果只是想改变标签的外观，需要改变与其关联的CSS。


$('label').addClass('disabled');

3. 如果希望同时禁用标签关联的输入控件并改变标签的外观，可以使用以下代码：


$('label').prop('disabled', true);
$('label').addClass('disabled');

0
0 Comments

问题的出现的原因是由于一个用户想要禁用一个标签，但是发现无法使用jQuery的.attr()方法或其他方法来禁用标签。解决方法是，虽然无法直接禁用一个标签，但可以通过改变文本的颜色来使其看起来被禁用。具体的解决方法是使用jQuery的.css()方法来改变文本的颜色为灰色。代码如下：

通过以上方法，标签的文本将会呈现灰色，从而达到禁用的效果。

0
0 Comments

如何使用jQuery禁用标签？

在jQuery中，标签本身没有内置的禁用属性。您需要自己添加一个类来禁用它们。

首先，您可以创建一个包含禁用样式的CSS类。例如：

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

然后，您可以使用jQuery的addClass()方法将该类添加到您想要禁用的元素上。例如：

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

这样，当您添加了.disabled类时，该元素的颜色将变为深灰色，背景颜色将变为灰色，从而达到禁用的效果。

0