не могу установить флажок, чтобы снять флажок, когда раскрывающийся список установлен 0

Question

Я пытаюсь добавить эти функции в мою форму заказа

1. , когда установлен флажок , тогда Количество в выпадающем списке значение изменится на 1
2. если флажок не установлен , то значение Qty dropdown изменится на 0
3. , когда значение Qty dropdown будет установлено в любое значение, кроме 0 флажок изменится на проверенный
4. , когда Кол-во выпадающее значение установлено на 0, тогда флажок будет снимать флажок

I 'у меня большая часть работы работает,
, но я не могу заставить # 4 работать - флажок не будет снят, когда раскрывающийся список установлен на 0.

вот код codepen

$(document).ready(function() {
  $(".product input:checkbox").change(function() {
    if ($(this).is(":checked")) {
      $(this).siblings("select").val(1);
    } else {
      $(this).siblings("select").val(0);
    }
  });
  $(".product select").change(function() {
    if ($(this).val != '0') {
      $(this).siblings("input:checkbox").prop("checked", true);
    }else{
      $(this).siblings("input:checkbox").prop("checked", false);
    }
  });
});

Answer 1

Вы также можете использовать $(element).prop() jQuery Документация о проп
Вы также можете использовать prop для установки значений элементов, дополнительную информацию см. В документации.

if ( $(this).prop('selected') ) {
  // your code ...
}

или проверьте выбранный индекс

$(element).prop('selectedIndex', 0);

Answer 2

Вам нужна функция val(), а не свойство val, чтобы получить значение

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