css - 将输入 radio 更改为大的 div 框

Question

我正在尝试找出如何隐藏单选按钮，而是使用 div 框，以便用户可以单击大框而不是小按钮。

这可能吗？

Answer 1

通过点击将 div 与单选按钮相关联，您就设置好了。

<div class="radio-wrap"><input type="radio"></div>


$('div.radio-wrap').click(function(e){
  $(this).find('[type=radio]').attr('checked',true);
});

您可以使用 css 隐藏 radio 输入或将其移动到您想要的位置。