制作单选按钮可点击链接答案

【问题标题】：Make Radio Button Clickable Link制作单选按钮可点击链接
【发布时间】：2014-03-21 20:15:29
【问题描述】：

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

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

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

【问题讨论】：

标签： html css

【解决方案1】：

您可以使用 JavaScript 将这样的元素转换为链接。例如：

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

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

【讨论】：

【解决方案2】：

尝试用<div> 和onClick 事件围绕单选按钮，而不是<a> 标签：

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

【讨论】：

【解决方案3】：

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

【讨论】：