单选按钮更改后，表单不会在 jquery 中提交

Question

我有一个带有单选按钮的表单。我遍历单选按钮组以确定它们是否都被选中。如果不是，我不提交表格，否则提交表格。

问题是当它第一次失败时，返回并选择所有收音机，重新提交不提交表单。虽然我在那里添加了警报，但它正在提交部分但实际上并未提交。

$('#submit-fee').click(function(){
    var bValid = false;
    $('input[type="radio"]').each(function(index) {
        if($('input[name="'+$(this).attr('name')+'"]:checked').val() == "YES" || $('input[name="'+$(this).attr('name')+'"]:checked').val() == "NO"){
            bValid = true;
        }else{
            bValid = false;
            return false;
        }
    });
    if(!bValid){
        alert("Please make sure all questions are answered.");
        $('#rec-fee-form').submit(function () { 
            return false; 
        }); 
    }else{
        return true;
    }
});

Answer 1

试试这个 --

$('#rec-fee-form').submit(function(){
    var bValid = false;
    $('input[type="radio"]').each(function(index) {
        if($('input[name="'+$(this).attr('name')+'"]:checked').val() == "YES" || $('input[name="'+$(this).attr('name')+'"]:checked').val() == "NO"){
            bValid = true;
        }else{
            bValid = false;
        }
    });
    if(!bValid){
        alert("Please make sure all questions are answered.");
        return false;
    }else{
        return true;
    }
});