ポップアップが一貫して毎回チェックボックスがクリックされた表示され

Question

機能

テキストとポップアップ画像をユーザがキャンセルボタンをクリックしたときにフェードアウトしますチェックボックス、ポップアップ画像をクリックしたときに表示され、チェックボックスがまだなりチェック

問題

私はオフにすると、テキストとポップアップ画像が表示されます。

正しい挙動

1）ユーザーがテキストをポップアップ画像が表示されるべき、チェックボックスをチェックします。ユーザーが閉じるボタンをクリックすると、POPUPはfadeOutになります。

2.）チェックボックスをオンにしておく必要があります。

3.）チェックボックスのチェックを外すと、テキスト付きのPOPUPイメージは消えません。

現在の行動

1）ユーザーは、テキストでPOPUP画像が表示されます、チェックボックスをチェックします。ユーザーが閉じるボタンをクリックすると、POPUPがフェードアウトします。

2.）チェックボックスはまだオンになっています。

3.）チェックボックスをオフにすると、テキスト付きのPOPUPイメージが表示されます。

コード：あなたは、変数を追加することができ

function Minimise() { 
 

 
    idleTime = 0; 
 

 

 
    $('#POPUP_PDPA').fadeOut(); 
 
} 
 

 
$('#AcknowledgeField').click(function() { 
 

 

 
    $('#POPUP_PDPA').fadeIn(); 
 
});

<input type="checkbox" id="AcknowledgeField" style="z-index=4; position:absolute; top:695px; left:227px; height:45px; width:45px; outline=0; border: 0; background: transparent;"> 
 

 

 
<div id="POPUP_PDPA" align="center" style="position:absolute; width:1080px; height:1920px; background-repeat: no-repeat; display: none; z-index=99; top:0px; margin:auto;"> 
 

 
    <img id="main_PopUp" src="lib/image/PopUp.png" style="position:absolute; top:750px; left:57px; z-index:80; margin:auto;" /> 
 

 
    <div id="PDPA" class="ContainerPDPAText"> 
 
    <div id="Scrolling" class="PDPAinnerScroll"> 
 
     <p><font face="HelveticaNeueLTStd" color="blue">1.) I email ...</font> 
 
     </p> 
 
     <p><font face="HelveticaNeueLTStd" color="blue">2.) By submitting this form, I agree to ....</font> 
 
     </p> 
 
    </div> 
 
    </div> 
 
    <button class="MinimiseButton" onclick="Minimise()"></button> 
 
</div>

Answer 1

'をクリック' との文に応じて、trueまたはfalseに設定しますと言います。例：