ページがフォームをロードするときに simple_form を使用していますが、追加の操作が必要です。複数のチェックボックスを含むパーシャルをロードする必要があります。これらはデータベースからのデータに対応し、ユーザーがボタンをクリックした後にパーシャルがレンダリングされます.
これを行うには、エスケープ javascript で js.erb を使用して、パーシャルをレンダリングします。単純なフォームを直接ロードしてみましたが、期待どおりに動作しなかったことに気付きました。
$('.table-responsive.'+<%=@category_id%>).
html(
"<%= escape_javascript(render partial: 'backend/research_participants/research_participants',
locals: {companies: companies, category_id: category_id } ) %>"
)
<% for company in @companies %>
<tr>
<td>
<%= check_box_tag "#{category_id}company#{company.id}",
company.id,
checked = false,
class: "companies_check_#{category_id}" %>
</td>
<td><%= company.trade_name %></td>
<td><%= company.cnpj %></td>
<td><%= company.contact&.email %></td>
</tr>
<% end %>