在 Rails 4 中使用图像作为单选按钮标签

我正在尝试使用助手 collection_radio_buttons 将图像显示为标签，并希望将 image_id 保存到模型中，以便我可以检索 url，到目前为止，我已经想出了一个显示单选按钮和 image_url 的方法标签。

我已经注意到的是，我只能单击单选按钮一次，然后它就保持在打开状态：

<%= f.collection_radio_buttons(:default_image_id, DefaultImage.all, :id, :image) %>

生成的 html 看起来像这样：

<input id="campaign_default_image_id_1" name="campaign[default_image_id]" type="radio" value="1" />
<label for="campaign_default_image_id_1">https://calcuttatest.s3.amazonaws.com/uploads/default_image/image/1/vandals_portfolio.png</label>

我该如何正确设置？我可以将标签包装在 image_tag 中吗？

Edit

因此，经过更多研究并尝试将其拼凑在一起，我现在可以渲染图像和单选按钮，但该图像是我使用 Carrierwave 上传的默认图像，而不是我想要的调整大小的 :small 版本。我可以通过 :small 版本吗？

<%= f.collection_radio_buttons(:default_image_id, DefaultImage.all, :id, :image) do |b| %>
<%= b.label { image_tag("#{b.text}") + b.radio_button } %>

b.text 检索 url

https://calcuttatest.s3.amazonaws.com/uploads/default_image/image/2/ymca_portfolio.png

但我希望它在文件名前加上 fancy_box_array 前缀，如下所示：

https://calcuttatest.s3.amazonaws.com/uploads/default_image/image/2/fancy_box_array_ymca_portfolio.png

使用此新代码生成的 html 是：

<label for="campaign_default_image_id_1"><img alt="Vandals portfolio" src="https://calcuttatest.s3.amazonaws.com/uploads/default_image/image/1/vandals_portfolio.png" />
<input id="campaign_default_image_id_1" name="campaign[default_image_id]" type="radio" value="1" /></label>

thanks

有一个好的参考 http://apidock.com/rails/v4.0.2/ActionView/Helpers/FormOptionsHelper/collection_radio_buttons关于你正在尝试做的事情。尝试类似的方法：

f.collection_radio_buttons(:default_image_id, DefaultImage.all, :id, :image) do |b|
  b.label { b.radio_button + image_tag(b.object.image) }
end