Как отключить ярлык с помощью jQuery?

Как отключить ярлык с помощью jQuery? Я пробовал:

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

но он не затенен.

Мой HTML-код: <label for="some-id">Label Here</label><input id="some-id"/>

Ответ 1

labels не имеют встроенного встроенного свойства disable. Вам нужно будет добавить класс, чтобы отключить их самостоятельно.

Что-то вроде:

.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');

Работа Пример JSFiddle.