javascript - jquery .val() 未返回正确的值

Question

在下面的函数中，我想根据页面上选择的其他选项(单选按钮)显示和隐藏元素。问题是，varcomplianceMember 总是返回它所属的单选按钮集的第一个值，而不是选定的值，这是为什么？另外两个变量返回正确的值。

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