Question

功能

当用户点击复选框时，将显示带有文字的POPUP图像，当用户点击取消按钮时，POPUP图像将显示为淡出，复选框仍将被选中。

问题的

取消选中后，将显示带文本的POPUP图像。

正确行为

1。）用户选中复选框，应显示带文本的POPUP图像。当用户点击关闭按钮时，POPUP应该fadeOut。

2。）仍然应该选中该复选框。

3。）当用户取消选中该复选框时，带有文本的POPUP图像不应该为fadeIN。

当前行为

1。）用户选中复选框，显示带有文本的POPUP图像。当用户点击关闭按钮时，POPUP淡出。

2。）仍然会选中该复选框。

3。）当用户取消选中该复选框时，将显示带有文本的POPUP图像。

代码：

＆＃13;

function Minimise() {

  idleTime = 0;


  $('#POPUP_PDPA').fadeOut();
}

$('#AcknowledgeField').click(function() {


  $('#POPUP_PDPA').fadeIn();
});

＆＃13;

<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>

＆＃13;

Answer 1

您可以添加一个变量'clicked'，并根据语句将其设置为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')
}

每次单击复选框时，PopUp都会始终显示

1 个答案: