jquery .val() не возвращает правильное значение

Question

В приведенной ниже функции я хочу показать и скрыть элемент на основе других параметров, выбранных на странице (переключатели). Проблема в том, что var complianceMember всегда возвращает первое значение для набора переключателей, это часть, а не выбранное значение, почему это? Две другие переменные возвращают правильные значения.

$(document).ready(function() { 
    $('input[name="waste-management-plan"]').change(function() { 

     var producerType = $('input[name="producertype"]').val(); 
     var complianceMember = $('input[name="compliance-member"]').val(); 

     if ($(this).val() == 'Y' && complianceMember == 'Y' && producerType == 'both') { 
      $('.producerOp3').show(); 
     } else { 
      $('.producerOp3').hide(); 
      console.log($(this).val(),complianceMember,producerType); 
     } 
    }); 
}); 

Answer 1

Вам необходимо использовать фильтр, чтобы найти зарегистрированный переключатель, а затем получить его значение. Вы можете использовать :checked селектор

var complianceMember = $('input[name="compliance-member"]:checked').val(); 

Answer 2

Поскольку вы упомянули группу радио, вы должны получить значение кнопки радио, которое проверяется

var complianceMember = $('input[name="compliance-member"]:checked').val();