将无线电渲染为按钮/图像simple_form

Question

我正在使用SimpleForm，并且能够创建一个无线电列表。有没有办法可以将它们渲染为按钮或图像？

我做了一些搜索并尝试了这个：

- f.collection_radio_buttons(:category, [['Male', 'icon_male'], ['Female', 'icon_female']], :first, :last) do |category|
  = category.label { image_tag("/assets/icons/16x16/#{category.text}.png") + category.radio_button  }

然而，它仍然呈现无线电图标，见下文

有没有办法将其渲染为可选择的图像或类似于Twitter Bootstrap按钮的按钮？ http://twitter.github.com/bootstrap/javascript.html#buttons

另外，这需要我在视图中指定图像列表，我需要将其从模型中移除，例如category.image_url

Answer 1

我最终没有使用simple_form的无线电元素。我只是使用了jQuery和一个隐藏的输入元素。