单击 Chrome 中用作链接的单选按钮？

Question

我正在开发一个工作网站，并且有两个单选按钮选项。我使用<a> 标签作为文本和单选按钮的包装，将用户发送到该网站的特定网页。单选按钮和文本在 Firefox 上运行良好。然而，在 Chrome 上，文本作为链接可以正常工作。另一方面，单选按钮不起作用。页面只是刷新，没有任何反应。我什至决定添加一个提交，以便将其定向到其中一个页面，到目前为止还没有成功。我试图将代码复制到尽可能接近下面网站的代码。

https://jsfiddle.net/hLph4at4/1/

<form name="frmSite" style="float: left; margin-top: 5px;"> 
  <a class="loginPg_choices" href="www.youtube.com">
    <input type="radio" name="site" value="1" id="radio_btn_1" style="float: left; clear: both;" />
    <span style="float: left; margin: -2px 0 0 5px;">Take me to youtube.</span>
    <br/> 
  </a>
  <a class="loginPg_choices" href="www.google.com">
    <input type="radio" name="site" value="1" id="radio_btn_1" style="float: left; clear: both;" />
    <span style="float: left; margin: -2px 0 0 5px;">Take me to google.</span>
    <br/> 
  </a>
  <a href="#" type="submit" value="Submit" title="Login" style="float: right; clear: both;">
    Submit
  </a>
</form>

Answer 1

您可以在标签中添加 onclick 属性，例如onclick="window.location.href = 'https://youtube.com'"

或者，作为更新的 Fiddle：https://jsfiddle.net/hLph4at4/7/

这将始终被调用（除非传播停止），其中还包括单选按钮。