Css 包含a-href-tag的标签不'；t触发它'；s输入

我有一个包含a-href-tag的标签：

<input id="sn_menu01_close" class="sn_menu_close" name="sn_menu" type="radio">

<p><label for="sn_menu01_close" class="close">angebot<a href="#angebot">Angebot und Preise</a></label></p>

安格博特

单击链接时，不会触发相应的单选按钮。单击链接外部的文本时，它会起作用。我怎样才能使它也为链接工作？两者都必须工作，触发单选按钮并跳到链接目的地（锚定）。

---

我正在寻找一个纯CSS解决方案，使用javascript或jQuery。这没有问题。

尝试使用jQuery函数触发它：

$（'input[type=“radio”]~p label a'）。单击（函数（事件）{
event.preventDefault（）；
var radio=$（this.parent（）.attr（'for'）；
$（'#'+收音机）.prop（“选中”，为真）；
})

安格博特

谢谢您的提示，但很抱歉，我忘了提到我正在寻找纯CSS解决方案。好的，我在回答中添加了纯CSS解决方案。现在选中单选按钮时，该解决方案仍然有效。但不幸的是，链接不再处于活动状态，它不会跳到锚点。