如何在访问超链接后启用Checkbox控件

你的代码存在几个关键问题导致功能失效：

1. 阻止了链接跳转：e.preventDefault()让用户根本无法打开政策页面，浏览器不会标记链接为已访问，:visited判断永远不成立。
2. :visited伪类不可靠：出于隐私保护，现代浏览器严格限制了对:visited的读取能力，无法准确判断链接是否被访问过。
3. 逻辑完全颠倒：你在判断链接已访问时，反而把Checkbox设为禁用，和需求完全相反。
4. ASP.NET控件ID问题：服务器端控件的ID在客户端会被自动重命名（比如变成ctl00_policyCheck），直接用#policyCheck可能选不到目标元素。

改用localStorage记录用户是否点击过链接，同时处理ASP.NET控件ID的问题，代码如下：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

<asp:CheckBox ID="policyCheck" runat="server" Enabled="false" />
<a target="_blank" id="Policy" href="https://google.com"> Some Policy </a>
<script>
  // 页面加载时检查状态，自动启用Checkbox（如果已访问过）
  $(function() {
    if(localStorage.getItem('policyVisited') === 'true') {
      $('#<%= policyCheck.ClientID %>').prop('disabled', false);
    }
  });

  // 点击链接时标记已访问状态，同时启用Checkbox
  $('#Policy').on('click', function() {
    localStorage.setItem('policyVisited', 'true');
    // 延迟执行确保用户能正常打开新页面
    setTimeout(() => {
      $('#<%= policyCheck.ClientID %>').prop('disabled', false);
    }, 500);
  });
</script>

• localStorage可以持久化保存用户的访问状态，即使刷新页面也能保持Checkbox的启用状态。
• <%= policyCheck.ClientID %>会输出控件在客户端的真实ID，确保jQuery能准确选中目标元素。
• 移除了e.preventDefault()，让用户能正常打开政策页面，同时完成状态记录。

内容的提问来源于stack exchange，提问作者Anne