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

Question

我正在创建一个带有页面的rails应用程序，以便在提交订单之前为人们添加总费用。我希望总数根据一组单选按钮中的一组选项进行更改。

如果更改单选按钮选择，如何更改表示网页总金额的变量？我希望在不重新加载页面的情况下实现这一点。

Answer 1

从它的声音来看，你可能想要使用标准的Javascript / JQuery在屏幕上添加总数。这与 ajax 的提议相反，因为您不需要从错误中提取任何额外的数据：

-

JSFiddle

#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 );
};