【Rails】hidden_fieldを用いてデータを保存し、データを表示させたい

Question

#問題
現在、form_withの中にhidden_fieldを用いて、以下のように入力フォームを作成しており、
イメージとしては、以下のような入力フォームで、カテゴリーごとに選んだimageの~.pngだけ保存する流れです。
しかし、現状何を選んでも最後にhidden_fieldのvalueとして記述しているetc.pngというvalueのみ保存されてしまいます。

# new.html.erb

<%= form_with model: @income, class: "new-income-form", local: true do |f| %>
<div class="form-wrap">
  <div class="form-header">
    <h1 class="form-header-text">
      <%= link_to '収入フォーム', new_income_path, class:"post-income-text" %>
    </h1>
  </div>
  <%= render 'shared/error_messages', model: f.object %>
  <div class="form-content">
    <div class="form-date">
      <label class="date-category">
        <span>日付</span>
        <%= f.date_field :date, class: 'form-control', id:"date" %>
      </label>
    </div>
    <div class="form-category">
      <div class="upper-form">
        <div class="category-income-container">
          <label class="label-category">
            <%= image_tag 'salary.png' , size: '70x70' %>
            <%= f.hidden_field :image, :value => 'salary.png' %>
            <span class="form-letter">給料</span>
            <%= f.radio_button :category, '給料', class:"radio-btn" %>
          </label>
        </div>
        <div class="category-income-container">
          <label class="daily-necessities-category">
            <%= image_tag 'pocket-money.png', size: '70x80' %>
            <%= f.hidden_field :image, :value => @income.image %>
            <span class="form-letter">おこづかい</span>
            <%= f.radio_button :category, 'おこづかい' %>
          </label>
        </div>
        <div class="category-income-container">
          <label class="fashion-category">
            <%= image_tag 'bonus.png', size: '70x70' %>
            <%= f.hidden_field :image, :value => 'bonus.png' %>
            <span class="form-letter">賞与</span>
            <%= f.radio_button :category, '賞与' %>
          </label>
        </div>
        <div class="category-income-container">
          <label class="hobby-category">
            <%= image_tag 'investing.png', size: '70x70' %>
            <%= f.hidden_field :image, :value => 'investing.png' %>
            <span class="form-letter">投資</span>
            <%= f.radio_button :category, '投資' %>
          </label>
        </div>
        <div class="category-income-container">
          <label class="medical-category">
            <%= image_tag 'second-business.png', size: '80x80' %>
            <%= f.hidden_field :image, :value => 'seconnd-business.png' %>
            <span class="form-letter">副業</span>
            <%= f.radio_button :category, '副業' %>
          </label>
        </div>
      </div>
      <div class="lower-form">
        <div class="category-income-container">
          <label class="entertainment-expenses-category">
            <%= image_tag 'incidental-income.png', size: '70x70' %>
            <%= f.hidden_field :image, :value => 'incidental-income.png' %>
            <span class="form-letter">臨時収入</span>
            <%= f.radio_button :category, '臨時収入' %>
          </label>
        </div>
        <div class="category-income-container">
          <label class="etc-category">
            <%= image_tag 'etc.png', size: '70x70' %>
            <%= f.hidden_field :image, :value => 'etc.png' %>
            <span class="form-letter">その他</span>
            <%= f.radio_button :category, 'その他' %>
          </label>
       

したいこと

ラジオボタンから選んだカテゴリーのimageというカラムにそれぞれのhidden_fieldで指定しているvalueを保存したいです。
どうしても最後のその他のカテゴリーのvalueであるetc.pngが保存されてしまいます。

仮説

• <%= f.hidden_field :image, :value => 'etc.png' %>

のコードが最終的に上書きされているから、どのカテゴリーを選んでもimageカラムにはetc.pngが保存されている？

• コントローラーでの保存処理に問題がある？

# controller.rb
def new
    @income = Income.new
  end

  def create
    @income = Income.new(income_params)
    if @income.save
      redirect_to root_path
    else 
      render :new
    end
  end

どなたかご教示いただけると幸いです。

Answer 1

同じ name の要素が複数ある場合、最後の要素の値が有効になるので、最後の etc.pngになります。
<span class="form-letter">おこづかい</span> <%= f.radio_button :category,@income.image %>
で良いのでは。image でなく category に渡ってしまうのがよろしくなければ
<%= f.radio_button :image,@income.image %>
categoryも必要ということなら、controller側で
image = CategoryToImage[ 取ってきたcategory ]

Comments

[branchpeach]

categoryもimageもどちらも必要だったので、以下の記述でやってみるとうまくいきました。
ありがとうございました。
image = CategoryToImage[ 取ってきたcategory ]

[winterboum]

categoryによってimageが決まる、のでしたら、
imageはIncomeのものではなく、Categoryに属するものですから、
私なら image はIncomeに持たせず Categoryにもたせます。

Answer 2

むしろhiddenは1つにして、チェック入れたときにJavaScriptにて対応するカテゴリの画像名をvalueにセットしたほうが良いと思います。

それか、対応するhidden以外をdisabledにするとか。。。