jquery - simple_form f.association as: :radio_buttons と jQuery 操作用の異なる値と ID

Question

これから続けます(employee belongs_to roleその役割に応じた給与があります)New Employee formもう少しインタラクティブにしたいと思います:ラジオ ボタン グループから選択したsalaryものに応じてフィールドの値を変更したいです。role

私のフォームは次のようになります。

<%= simple_form_for(@room) do |f| %>
  <%= f.input :name, label: 'Full Name', :required => true %>
  <%= f.association :role, as: :radio_buttons, :required => true %>
  <%= f.input :salary, label: 'Salary', :required => true %>
  <%= f.button :submit %>
<% end %>

そして、私のemployees.js.coffeeファイルには次のコードがあります：

jQuery ->
  $('#employee_employee_role_id_1').click ->
    $(document.getElementById('employee_salary')).val(15)

フォーム フィールド ID に問題がないことを確認するために、値をハードコーディングしています。

私が必要とするのは、.clickメソッドをすべての#employee_employee_role_id_Xフィールド (X は各ラジオ ボタンの番号) に適用し、値を .val() に渡すことです。role.salary

しかし、私は Rails と js/jQuery の両方の初心者であるため、無知です。