制作单选按钮可点击链接

Question

我有一个包含单选按钮的链接，我想制作一个可点击的链接。我试过了：

<a href="/">
  <input type="radio" style="pointer-events:none;">
</a>

这可以防止在单击单选按钮时发生任何事情。我想按照链接。有什么想法吗？

http://css-tricks.com/almanac/properties/p/pointer-events/

Answer 1

您可以使用JavaScript将这样的元素转换为链接。 E.g：

<input type="radio" onclick="window.location='/';" />

如果要在链接上使用单选按钮组合其他元素，请将onclick属性放在包装元素上。

Answer 2

请使用带有<a>事件的<div>围绕单选按钮，而不是onClick代码：

<div onClick="window.location = 'http://google.com/';">
    <input type="radio" style="pointer-events:none;"> 
</div>

Answer 3

<input type="radio" onclick="javascript:window.location.href='http://stackoverflow.com'; return false;" />