1

単一要素認証

私の要件は、単一要素を選択している場合、1種類の認証モードしか選択できません。認証モードのいずれかが選択されている場合、対応する div が表示されます。複数の要素で 2 つの認証モードを選択できますが、2 つの認証モードを選択している場合、最初にチェックされた div のみが表示されますが、2 番目にチェックされた 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();
    }

前もって感謝します。

4

2 に答える 2

1

これを使用してください。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();
    }
于 2013-03-21T11:03:12.077 に答える
0

事前に少し考えておくと、かなりのコードを節約できます。チェックボックスの値に一致するクラスをdivに配置すると、次のようにjQueryでクリックするだけで実行できます。

<input type="checkbox" name="vehicle" value="first">First<br />
<input type="checkbox" name="vehicle" value="second">Second<br />
<input type="checkbox" name="vehicle" value="third">Third<br />
<input type="checkbox" name="vehicle" value="fourth">Fourth<br />
<div class="first">First</div>
<div class="second">second</div>
<div class="third">third</div>
<div class="fourth">fourth</div>



$('input:checkbox').on('click',function(){
    if($(this).is(':checked'))
    {
        $('.'+$(this).val()).show();
    } else {
        $('.'+$(this).val()).hide();
    }

});

デモ: http://jsfiddle.net/calder12/jRZBX/1/

于 2013-03-21T11:22:28.560 に答える