Javascript 选中单选按钮时,重定向到第二页,并通过检查是否单击单选按钮来隐藏第二页中的特定html元素

Javascript 选中单选按钮时,重定向到第二页,并通过检查是否单击单选按钮来隐藏第二页中的特定html元素,javascript,jquery,html,ajax,local-storage,Javascript,Jquery,Html,Ajax,Local Storage,这是我在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">

这是我在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,如果需要的话,还可以使用其他任何东西。
请引导我,因为我是新来的。谢谢。

从第一个和第二个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>

$(文档).ready(函数(){
$(“.cu”)。在(“单击”,函数(){
setItem(“cu”,“clicked”);
//var key=localStorage.key(0);
//警报(键);
open('second.html','u blank');
});
});
然后在第二个html页面的底部添加此代码。这将检查localStorage值是否设置为“cu”,您可以理解是否单击了“继续教育”。如果是,则它将隐藏“.display”div


$(文档).ready(函数(){
if(localStorage.key(0)=“cu”)
{
//$(“.display”).fadeOut(500);
$(“.display”).hide(500);
//警报(localStorage.key(0));
localStorage.clear();
localStorage.removietem(“cu”);
}
});  

html第二页在哪里?意味着您不需要加载第二页,即包含第二个div的html?或者第一页包含第二个div?@SandipanGuha在我的第二页我有下面的代码第二个div谢谢您的快速响应。我已经试过使用上面的代码了。它没有按预期工作。在jquery中,可以使用ajax方法吗。请提出建议。您是否在目录中创建了第二个.html页面?并添加了显示div?我成功了。。使用firefox作为您的浏览器。是的,伙计,我也一样,因为chrome不支持加载它需要本地主机,所以我尝试在firefox中加载:(这就是我问的原因,是否有任何方法可以使用第二页的第二个div行而不是创建整个页面,我只是将相关行放在第二页的第一页中,当用户单击第二页的“继续教育”时,该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>