检查单选按钮重定向到第二页并通过检查单击单键按钮是否单击了第二页中的某些HTML元素

Question

这是我在 html 中的第一页数据

<div class="edu">
    <input type="radio" name="edu" class="ug" value="ug" checked="checked">
    <label class="radio-label">Undergraduate</label>
    <input type="radio" name="edu" value="pg" class="pg">
    <label class="radio-label">Postgraduate</label>
    <input type="radio" name="edu" value="cu" class="cu">
    <label class="radio-label">Continuing Education</label>
</div>

这是我的第二页内容：

<div class="display"> 
sample text 
</div> 

当客户从第一页选中“继续教育”单选按钮时，第二页将被重定向/在新窗口/新标签中打开。在第二页中，我想检查是否在第一页中单击了“继续教育”按钮。如果，则隐藏第二页中的“.display”div。

如果需要，我想使用 Jquery，以及其他任何东西。 请指导我，因为我是新手。谢谢。

Answer 1

在第一个和第二个 html 文件的顶部从这里加载 jQuery：

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

在第一页底部添加这个 jQuery 代码：

 <script> 
      $(document).ready(function(){
      $(".cu").on("click", function(){  
      localStorage.setItem("cu","clicked");
      //var key = localStorage.key(0); 
      //alert(key);
      window.open('second.html', '_blank'); 
    });
    });
</script>

然后在第二个html页面的底部添加这段代码。这将检查 localStorage 值是否设置为“cu”，您可以理解“继续教育”是否被点击。如果，那么它将隐藏 ".display" div。

 <script>
   $(document).ready(function(){
   if(localStorage.key(0) == "cu")
    {
     //$(".display").fadeOut(500) ;
      $(".display").hide(500) ;
     //alert(localStorage.key(0));
     localStorage.clear();
     localStorage.removeItem("cu");
    }
  });  
</script>