<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<label id="menu">
<input type='checkbox' class="stoa" checked>
<span class='menus'>
<span class='hamburgers'></span>
</span>
<ul>
<li>
<a href="<?php bloginfo('template_url'); ?>/football.html" class="js-click-modal stoa">Футбол</a>
</li>
<li>
<a href="<?php bloginfo('template_url'); ?>/hockey.html" class="js-click-modal stoa">Хоккей</a>
</li>
<li>
<a href="<?php bloginfo('template_url'); ?>/basket.html" class="js-click-modal stoa">Баскетбол</a>
</li>
<li>
<a href="<?php bloginfo('template_url'); ?>/boks.html" class="js-click-modal stoa">Бокс</a>
</li>
</ul>
</label>
<script>
[].forEach.call(document.querySelectorAll('#menu a'), function (el){
el.addEventListener('click', function(e){
e.preventDefault(); // эту не надо
document.querySelector('input[type="checkbox"].stoa').checked = false;
});
});
</script>
</body>
</html>
скрипт в конец