Отключение флажка, когда в меню выбора есть значения

Question

У меня есть меню выбора с примерно четырьмя опциями. Первая опция меню выбора не имеет значения. Другие параметры имеют значения. Когда пользователь выбирает параметр, имеющий значение, мне нужно отключить этот флажок, в противном случае, если они возвращаются к параметру с пустым значением, флажок снова включается.

Приведенный ниже код успешно отключает флажок, НО я хочу, чтобы флажок был снова включен, когда пользователь нажимает на первую пустую опцию меню выбора.

$(document).ready(function(){
$('#select-menu').change(function() {
  if ($(this).val() !== ':first-child') { 
        $("#related-checkbox").attr("disabled", true);
  } else {
    $("#related-checkbox").attr("disabled", false);
            }
});
});

Answer 1

Вы хотели сказать: «Я хочу, чтобы флажок был снова включен, когда пользователь нажимает на первую опцию non -blank в меню выбора.»?

$("#related-checkbox").removeAttr("disabled");

Answer 2

Оператор говорит, что

if ($(this).val() !== ':first-child') { 

буквально проверяет, является ли выбранная строка значения 'first-child', а не является ли она первым дочерним элементом.Просто установите его пустым

if ($(this).val() !== '') { 

Если вы хотите проверить, является ли это первым параметром (а не пустым), вы можете сравнить val первого дочернего элемента с val выбранного элемента

* 1008.*