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