选择单选按钮时移除成本，Ruby on rails

Question

我正在通过创建电子商务应用来学习 ruby​​ on rails。

我的问题是，如果客户选择了Pick up in store 或总金额高于$100，我将如何删除delivery cost？

因此，当Pick up in store 或总金额大于$100 时，应删除运费。

我使用if 和else 来获得所需的结果。但是通过使用 Total cost 在选择 radio buttons 时不会更新。

这是没有if和else的代码

    <tr>
            <th><p>Products Total: </p></th>
            <th><p>Delivery Cost: </p></th>
            <th><p>Total Cost: </p></th>
    </tr>
    <tr>
      <td><p ><%= @cart.total_price_usd %></p></td>
      <td><p ><%= @del_cost_usd %> </p></td>
      <td><p ><%= @cart.total_price_usd + @del_cost_usd%></p></td>   
    </tr>

    <div>   
      <li><%= f.radio_button :pick_up, "1", checked: false, class: 'delivery-options', data: { question: "Pick up items in store" }  %> 
      <%= f.label :pick_up, "Pick up items in store" %></li>

     <li><%= f.radio_button :pick_up, "0",  checked: true, class: 'delivery-options' , data: { question: "Have items sent by mail" } %> 
     <%= f.label :pick_up, "Have items sent by mail", class: ''  %></li> 
    </div>

谁能告诉我我想要的结果。

对于有经验的人来说，这可能是容易的点

TIA 码娘

Answer 1

我有一个解决这个问题的计划。

给你显示标签和交付成本值的 DOM 一个类来切换它们的显示属性：

<p class="delivery-cost-fields">Delivery Cost: </p>
<p class="delivery-cost-fields"><%= @del_cost_usd %> </p>

对于您的“在商店提货”单选按钮，将其定义为“onchange”，如下所示：

<%= f.radio_button :pick_up, "1", checked: false, class: 'delivery-options', data: { question: "Pick up items in store" }, onchange: "$('.delivery-cost-fields').toggleClass('hidden', true)"  %> 

对于您的“通过邮件发送项目”单选按钮，将其定义为“onchange”，如下所示：

<%= f.radio_button :pick_up, "0",  checked: true, class: 'delivery-options' , data: { question: "Have items sent by mail" }, onchange: "$('.delivery-cost-fields').toggleClass('hidden', false)" %>

定义一个隐藏的css类：

.hidden {display: none;}

希望对您有所帮助。