彈出始終表示每次的複選框被點擊

功能彈出始終表示每次的複選框被點擊

當用戶點擊複選框和POPUP圖像時用戶點擊了取消按鈕將淡出帶文本的POPUP圖像將被顯示，該複選框仍然會檢查。

問題

當我取消，文字彈出圖像被顯示。

正確的行爲

1）用戶檢查複選框，應顯示帶文本的圖像POPUP。當用戶點擊關閉按鈕時，POPUP應該淡出。

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>

來源

2016-11-21 Luke

你可以添加一個變量說 '點擊'，並設置它取決於聲明true或false。例如：

var clicked = false 
$('input:checkbox').on('click', function() { 
if(!clicked) { 
    clicked = true 
} else { 
    clicked = false 
    console.log('I have been clicked! Now on my next click I shall be set to false and so on') 
}

來源

2016-11-21 08:39:58 Jackthomson

彈出始終表示每次的複選框被點擊

回答

相關問題