javascript - 如何通过 Rails 5 中的链接选择单选按钮？

Question

也许这根本不可能，或者我想太多了。我已经尝试在 StackOverflow 中搜索这个特定的东西，我已经在我的 RubyDevelopers slack 小组中寻求帮助，并且我已经在 Codementor.io 上支付了帮助费用，但我仍然无法让它工作。

这看起来很接近，但没有解决方案:How to use JQuery to preselect radio button on page redirect in Rails

我正在 Rails 5 中构建一个 SaaS 网站，在主页(家庭 Controller )上我列出了您的标准定价计划。对于每个“立即加入”按钮，我已链接到注册页面，并将计划 ID 包含在 URL 中，如下所示:例如/join-the-club?plan_id=9。我什至尝试将/join-the-club?plan_id=9,checked=true,/join-the-club?plan_id.to_s=9 (某人对 slack 的建议)。

在注册页面(用户 Controller )上还有与单选按钮相同的定价计划列表。这样做的原因是因为有不止一种方法可以到达此页面。菜单中还有一个链接，上面写着“加入俱乐部”，可以将他们带到同一页面。无论如何，如果有人单击主页定价表中的“立即加入”按钮之一，我希望自动选择正确的单选按钮。

好的，现在来看代码。这是我主页 View 上的链接:

<div class="table-body">
  <a href="/join-the-club?plan_id=9"><button class="s1-button">JOIN NOW</button></a>
</div>

然后是注册页面上的计划代码:

<% @plans.each do |plan| %>
  <tr>
    <td class="product-in-table">
     <%= s.label :plan_id, plan.name, :value => plan.id do %>
     <img class="img-responsive" src="assets/qva/cube.jpg" alt="">
     <div class="product-it-in">
      <h3><%= plan.name%></h3>
      <span><%= plan.size %></span>
     </div>
     <% end %>
    </td>
    <td>$ <%= plan.price / 100 %></td>
     <td class="shop-red">Monthly</td>
      <td>
       <%= s.radio_button :plan_id, plan.id,:checked => (plan == @plans.first) %>
      </td>
   </tr>
 <% end %>

这是我检查单选按钮时的 html:

<input type="radio" value="9" checked="checked" name="user[subscriptions][plan_id]" id="user_subscriptions_plan_id_9">

如果您想知道“s”是什么，那就是:

<%= f.fields_for :subscriptions do |s| %>

因此，如果有人通过顶部菜单链接/join-the-club 进入注册页面，则已经选择了第一个计划选项。他们只能放弃它或选择另一个计划。但如果他们通过定价表进入，我需要选择正确的计划。 :)

根据我的理解，在 URL 中传递参数只是让它准备好保存该数据库列。

Answer 1

感谢@fanta 和@Brad，这就是答案:

由于我需要在创建新用户时发生这种情况，因此我在用户 Controller 中的“def new”下添加了变量:

@selected_plan_id = params[:plan_id]

然后在 View 中，我将单选按钮代码更改为如下所示:

<%= s.radio_button :plan_id, plan.id, :checked => (plan.id == @selected_plan_id.to_i || ( !@selected_plan_id && plan == @plans.first)) %>

因此，如果有人仅使用“/join-the-club”链接，则会选择第一个计划，但如果他们使用定价表中的“/join-the-club?plan_id=x”等链接之一将参数添加到链接后，将在注册页面上选择该计划的正确单选按钮。