javascript - 使用复选框显示和隐藏 Div

Question

我的要求是，如果我选择单一因素，我只能选择一种类型的身份验证模式。如果选择了任何一种身份验证模式，将显示相应的 div，在多种因素下，我可以选择两种身份验证模式，但如果我选择两种身份验证模式，则只显示第一个选中的 div，但不显示第二个选中的 div得到显示。选择 2 个选项时如何显示两个 div。

我试过这个:

    if ($('#chkOTP').is(':checked')) {
        $('#OTPMain').show();
    } else if ($('#chkVoicePrint').is(':checked')) {
        $('#VoicePrintEmailCampMain').show();
    } else if ($('#chkPersonInfo').is(':checked')) {
        $('#RandomAuthMain').show();
    } else if ($('#chkPastHis').is(':checked')) {
        $('#PastHistoryMain').show();
    } else if ($('#chkSQ').is(':checked')) {
        $('#SqQuestionMain').show();
    }

提前致谢。

Answer 1

使用这个 .. 如果你使用 else 如果只执行一个语句，那么你应该为每个复选框使用 if

    if ($('#chkOTP').is(':checked')) {
        $('#OTPMain').show();
    } 
    if ($('#chkVoicePrint').is(':checked')) {
        $('#VoicePrintEmailCampMain').show();
    } 
    if ($('#chkPersonInfo').is(':checked')) {
        $('#RandomAuthMain').show();
    } 
    if ($('#chkPastHis').is(':checked')) {
        $('#PastHistoryMain').show();
    } 
    if ($('#chkSQ').is(':checked')) {
        $('#SqQuestionMain').show();
    }