Откройте ссылку и установите флажок

Question

Я пытаюсь создать элемент, который при нажатии одновременно открывает гиперссылку и активирует метку, связанную с флажком.Элемент является пунктом меню.Когда щелкают по этому пункту меню, я хочу, чтобы якорь / ссылка открывались, а меню закрывалось с помощью CSS, отсюда и флажок.

Однако всякий раз, когда я помещаю ярлык внутри гиперссылки, флажок проверяется, но гиперссылка не открывается.

<a href="#anchor">
    <label for="checkbox">
        Menu Item
    </label>
</a>

Когда я помещаю гиперссылку внутри метки, происходит обратное: ссылка открывается, но флажок не устанавливается.

<label for="checkbox">
    <a href="#anchor">
        Menu Item
    </a>
</label>

Можно ли активироватьпометить и открыть гиперссылку одновременно, не используя JavaScript?Если да, то как?

Answer 1

Удалить элемент a!Недопустимо иметь метку внутри якоря или якорь внутри метки.

Просто добавьте событие onclick="location.hash=''" для элемента input для запуска кода. (пример ниже)

<input type="checkbox" id="checkbox" onclick="location.hash='#anchor';" />
<label for="checkbox">Menu Item</label>
<!-- div for margin -->
<div style="height:10000px"></div>
<a name="anchor">Lorem ipsum dolor sit amet.</a>