Bild als Radiobutton in Schienen verwenden

Question

Wie kann ich lokale Bilder als Radioknöpfe in Schienen verwenden?

Ich denke, es ist möglich mit dem collection_radio_buttons Helfer, aber wie ist es möglich, lokale Bilder zu integrieren?

Dieser Ausschnitt zeigt mir Radiobuttons mit den Texten unten:

<%= f.collection_radio_buttons(:paket, [[1, 'One'] ,[2, 'Two'], [3, 'Three']], :first, :last) do |b| %> 
     <%= b.label { b.radio_button + b.text } %> 
    <% end %> 

Muss ich b.radio_button mit einem image_tag ersetzen?

Answer 1

Ja statt b.text Sie image_tag zeigen Bild anstelle von Text

#I have image in app/assets/images as One.png,Two.png and so on. 

<%= f.collection_radio_buttons(:paket, [[1, 'One'] ,[2, 'Two'], [3, 'Three']], :first, :last) do |b| %> 
    <%= b.label { b.radio_button + image_tag('/'+b.text+'.png') } %> 
<% end %>