javascript - 在使用单选按钮的订单中动态增加/减少总价

Question

我正在尝试使用 Django/Python 和 Javascript 动态计算订单总额。

我正在使用具有预定义值的单选按钮，这些值根据当前有货的产品以及其他项目支持的内容显示。

示例:支持最大 8gb 内存的主板将显示 4 个单选按钮，2gb、4gb、6gb 和 8gb

到目前为止，这是我的输入字段模板:

{% for ram in orderData.ram %}

<div class="field"><input id="ram{{forloop.counter}}" name="ram" type="radio" class="ram" value="{{ ram.id }}" price="{{ ram.price }}"{% ifequal ram.default 1 %} checked {% endifequal %}/><label>{{ ram.title }}</label> {% ifnotequal ram.price 0 %}<span class="price">add ${{ ram.price }}</span>{% endifnotequal %}</div>

{% endfor %}

我最初计划使用“价格”属性来存储价格，但截至目前，每当我选择不同的单选按钮时，它只会显示第一个输入的价格。有没有办法解决？我尝试添加一个唯一的 ID 字段，但它仍然只获取第一个 radio 值..这几乎没有用。

javascript/jquery:

$("input").change(function(){

var id = $(".ram").attr("id");
alert(id);
alert($("#"+id).attr("price"));


});

在两个小时的大部分时间里，我一直在努力寻找解决这个问题的方法，但我被难住了。任何帮助将不胜感激。

** 编辑 **

总结一下这个问题..我怎样才能只获得当前选中的单选按钮的价格。

Answer 1

给你:

$(function() {
    $('input[name="ram"]').change(function() {
        var id = $(this).val(); // currently selected value
        var price = $('input[name="ram"][value="'+id+'"]').attr('price');
    });
});