如何制作具有大目标区域的HTML单选按钮？

Question

像这样的东西:

用户点击按钮的任何区域,然后选择该单选按钮.

有什么建议？

据我所知,单选按钮为自闭,并不能包裹其他元素.

Answer 1

最好的方法是将<input>其包装在其中<label>,因为单击标签也具有聚焦其相关输入的效果:

<label>
    <input name="transfer" type="radio">Bank Deposit
</label>

无需javascript:演示:http://jsfiddle.net/GTGan/

如果您需要单独设置标签文本的样式,只需将其包装成<span>.