jquery - 在 jQuery（.js.erb 文件）中选择下一个和上一个 radio_button_tag

Question

我有一个元素列表，每个元素都有三个具有唯一 ID 的单选按钮，例如“deal5”和“deal6”。这些单选按钮中的每一个都在自己的 form_tag 中。

我想 - 如果选中了中间一个，则选择上一个和下一个 radio_button_tags 并取消选中它们 - 如果选中第一个，则选择两个下一个 radio_button_tags 并取消选中它们 - 如果选中最后一个，则选择前两个 radio_button_tags 并取消选中它们

这是我的 html.erb 文件

<div class="tab-pane fade" id="go-to-deals">
    <div class="deals-wrapper">
        <% @deals.each do |d| %>

        <div class="deal">
            <ul>
                <li><%= d.value %></li>
                <li><%= d.background %></li>
            </ul>

            <%= form_tag("deal_status", :remote=>true, :id=>"deal" + d.id.to_s) do %>
            <ul style="list-style-type:none;">

                <li> 
                    <%= hidden_field_tag 'pending_deal_ids[]', d.id.to_s %>
                    <%= radio_button_tag '', d.id.to_s, d.state == "pending", :class => 'radio' + d.id.to_s %> <%= "pending" %> 
                </li>
                                </ul>

            <%end%>
        <%= form_tag("deal_status", :remote=>true, :id=>"deal" + d.id.to_s) do %>
            <ul style="list-style-type:none;">

                <li> 
                    <%= hidden_field_tag 'won_deal_ids[]', d.id.to_s %>
                    <%= radio_button_tag '', d.id.to_s, d.state == "won", :class => 'radio' + d.id.to_s %> <%= "Won" %> 
                </li>
            </ul>

            <%end%>
        <%= form_tag("deal_status", :remote=>true, :id=>"deal" + d.id.to_s) do %>
            <ul style="list-style-type:none;">

                <li> 
                    <%= hidden_field_tag 'lost_deal_ids[]', d.id.to_s %>
                    <%= radio_button_tag '', d.id.to_s, d.state == "lost",  :class => 'radio' + d.id.to_s %> <%= "Lost" %> 
                </li>
            </ul>

            <%end%>
        <% end %>