Ruby on rails 根据单选按钮的选择更改页面上的值

我正在创建一个rails应用程序，其中包含一个页面，用于在人们提交订单之前对总成本进行审核。我希望总数根据一组单选按钮中的一组选项进行更改

---

当单选按钮选择更改时，如何更改表示网页中总金额的变量？我希望这种情况在不重新加载页面的情况下发生

听上去，您可能希望使用标准Javascript/JQuery来计算屏幕上的总数。这与ajax的建议相反，因为您不需要从服务器获取任何额外数据：

--

#查看
小型（3.99英镑）

中等（6.99英镑）

大型（9.99英镑）

总数：
#app/assets/javascripts/application.js
$（文档）。在（“更改”，“输入：单选[name=option]”上，更改值）；
$（文档）.ready（更改值）；
函数更改_值（）{
var值=$（“输入：radio[name=option]：选中”）.val（）；
美元（“#总计”）.html（“£”+价值）；
};

---

你需要使用ajax来更新你的总金额，我认为他不需要ajax——只是一种计算总金额的方法——似乎可以使用标准JS来完成？

#view
<input type="radio" name="option" value="3.99">Small (£3.99)<br>
<input type="radio" name="option" value="6.99" checked>Medium (£6.99)<br>
<input type="radio" name="option" value="9.99">Large (£9.99)<br>

<div class="total" >
    Total: &nbsp;
    <span id="total"></span>
</div>

#app/assets/javascripts/application.js
$(document).on("change", "input:radio[name=option]", change_value);
$(document).ready(change_value);

function change_value() {
    var value = $("input:radio[name=option]:checked").val();
    $("#total").html( "£" + value );
};