如何更改单选按钮的默认外观，而不是function？

在表格上我有两个单选按钮是和否 。 我想更改单选按钮的默认外观

喜欢这个。

编辑：我想在启用JavaScript时将radio按钮更改为锚点，如果通过css更改默认无线电的外观并不容易。

Answer 1

最简单的方法？ 将图像设置为标签，其中for属性指向单选按钮。 然后将单选按钮设置为display:none;

ps这使用内置的HTMLfunction，可以在任何地方使用，不需要javascript。 使用一些CSS元选择器（：hover etc …）来添加动画。

更新：

经过很长一段时间后回过头来意识到这可以为初学者提供更多的解释。 在标签上设置for属性时，单击标签在function上与单击属性指向的元素相同。 为了完整性，应将for属性设置为表单元素的id 。

Answer 2

我不是试图强迫图像使用标签，而是将图像放在您想要的位置，使用jQuery将各种行为绑定到它们，并让它们修改隐藏的输入字段。 我认为这样会更容易。