Display and Hide a Div using check box

333

New Member
bP1Q0.png
My requirement is like, If i am choosing single factor i can able to choose only one type of authentication mode. If any one of the authentication mode is chosen the corresponding div will be showed, In multiple factor I can able to select two authentication mode but if I am selecting two authentication modes only the first checked div get's displayed but the second checked div doesn't get's displayed. How to display both the div's when selecting 2 options.
nWomA.png
I tried this: \[code\] 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(); }\[/code\]Thanks in Advance.
 
Back
Top