单选按钮更改后，表单不会在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;
    }
});