点击锚点链接时关闭全屏遮罩菜单的Javascript实现求助

你这套全屏菜单的显隐完全由ID为op的隐藏复选框的勾选状态控制，点击锚点时只要取消该复选框的勾选，就能触发预设的CSS关闭动画，实现需求。

操作步骤 #

1. 在你的页面任意位置添加如下原生JavaScript代码（建议放在</body>标签前）：

document.addEventListener('DOMContentLoaded', function() {
  const toggleCheckbox = document.getElementById('op');
  const menuAnchors = document.querySelectorAll('.overlay nav ul li a');
  
  menuAnchors.forEach(anchor => {
    anchor.addEventListener('click', function() {
      toggleCheckbox.checked = false;
    });
  });
});

2. 无需修改原有HTML、CSS代码，添加后即可生效：点击菜单内的任意锚点链接时，会自动取消复选框勾选，触发全屏遮罩的关闭效果，同时不会影响锚点本身的跳转逻辑。

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