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();