使单选按钮可点击链接

Question

我有一个包含单选按钮的链接，我希望将其制作成可点击的链接。我尝试过：

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

当我点击单选按钮时，没有任何反应。我希望它能够跟随链接。有什么想法吗？

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

- Dan Baker

---

将点击处理程序绑定到单选按钮，不要将其包装在链接中。 - j08691

你试过在单选按钮的点击事件上执行需要完成的操作，而不是将单选按钮作为可点击链接吗？ - Smeegs

Answer 1

你可以使用JavaScript将像这样的元素转换为链接。例如:

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

如果其他元素需要与单选按钮链接在一起，则将onclick属性放在包装元素上。

- tvkanters

Answer 2

不要使用标签，尝试用一个带有onClick事件的

将单选按钮包围起来：

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

- Lil' Bits

---

为什么要使用div包装器呢？ - j08691

Answer 3

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

- alessandrio