👌

Rails|form_withヘルパーでラジオボタンを使用する

2023/08/20に公開

Railsアプリケーションで form_withヘルパーを使ったラジオボタンの実装方法です。

<%= form_with model: Moder名, url: 送付先URL do |f| %>
    <%= f.radio_button :対象フォームの指定, :送付データ %>
    <%= f.label :対象フォームの指定, 表示したい文字列, { value: :送付データ} %>
<% end %>

作成例

<%= form_with model: Order.new, url: confirm_orders_path, method: :get do |f|  %>

 <%= f.radio_button :pay_method, :credit_card, checked: true %>
 <%= f.label :pay_method, Order.pay_methods_i18n[:credit_card], {value: :credit_card} %>
 
<% end %>

:pay_method
送付するデータを `params[:order][:pay_method]の形にする。

:credit_card
このボタンを選択すると"credit_card"というデータを送付する。

checked: true
デフォルトでこのボタンを選択済みにする。

Order.pay_methods_i18n[:credit_card]
ボタンの右側に表示する文字列。ここでは「クレジットカード」と表示されるようにしている。

value: :credit_card
ボタントラベルの紐付け

参考にさせていただいた記事

https://magazine.techacademy.jp/magazine/22208

Discussion