将单选渲染为按钮/图像 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 的 radio 元素。我只是求助于 jQuery 和一个隐藏的输入元素。