javascript - 使用 JQuery 的复选框表单

Question

我正在尝试找出一种代码，如果通过表单提交选中一个或多个复选框，它们将显示其内容。我快要这样做了，但代码只能在单次检查中使用，而不是多次检查。即使在检查后未检查，内容也会卡住。

$(document).ready(function(){   
    $(function(){
        $('form').submit(function(e){
            e.preventDefault();

            if ($('.checkEdu').is(':checked')) 
            {   $('#education').show();
            } else if ($('.checkWork').is(':checked')){
                $('#experience').show();
            } else if ($('.checkAbout').is(':checked')){
                $('#about').show();
            }
            else {
                $('#education').hide();
                $('#experience').hide();
                $('#about').hide();
            }
        });
    });
});

这是我试过的代码。谢谢

Answer 1

我建议先将它们全部隐藏，然后显示选中的:

$('#education').hide();
$('#experience').hide();
$('#about').hide();
if ($('.checkEdu').is(':checked')){
    $('#education').show();
}
if ($('.checkWork').is(':checked')){
    $('#experience').show();
}
if ($('.checkAbout').is(':checked')){
    $('#about').show();
}