Jquery 选项卡中的值显示为NaN

我想计算我的产品的总价格，当我点击+按钮时，总价格显示为NaN

这是“我的签出”页面的视图：

身份证件
形象
品名
模型
量
行动
单价
{%用于购物车中的购物车%}
{{cart.id}}”


{{cart.product.category}
-
+
{{cart.product.price}
{%endfor%}
总计：
{{price}}

这是我用来计算总价的jquery脚本，我试着使用控制器，但它似乎不起作用，另外，在不重新加载页面的情况下计算数量更好

<script type="text/javascript">

    $(function () {
        $('[id="remove"]').on('click', function(e) {
            location.reload();
            var href = this.href;
            e.preventDefault();
            $.ajax({
                type: "POST",
                url: href,
                dataType: 'json',
                success: function(json) {

                    console.log(json);
                }
            });
        });
    });

    function addAction(ok)
    {

        var plus=$('#q'+ok).val();
        $('#q'+ok).val(parseInt(plus)+1);
        var quantity=parseInt($('#q'+ok).val());
        var price1 =parseFloat($('#price'+ok).text());

        $('#total'+ok).html((quantity*price1).toFixed(2));
        var total =parseFloat($('#total').text())+price1;
        $('#total').html(total.toFixed(2));
    }

    function sousAction(id)
    {

        var moin=$('#q'+id).val();
        if(((parseInt(moin) - 1)>0)) {
            $('#q'+id).val(parseInt(moin) - 1);
            var quantity=parseInt($('#q'+id).val());
            var price1 =parseFloat($('#price'+id).text());
            $('#total'+id).html((quantity*price1).toFixed(2));
            var total =parseFloat($('#total').text())-price1;
            $('#total').html(total.toFixed(2));
        }

    }



</script>
{% endblock %}

$（函数（）{
$（'[id=“remove”]'）。在（'click'，函数（e）{
location.reload（）；
var href=this.href；
e、 预防默认值（）；
$.ajax({
类型：“POST”，
url:href，
数据类型：“json”，
成功：函数（json）{
log（json）；
}
});
});
});
函数addAction（ok）
{
var plus=$（'#q'+ok）.val（）；
$（'#q'+ok）.val（parseInt（plus）+1）；
var quantity=parseInt（$（'#q'+ok）.val（））；
var price1=parseFloat（$（'#price'+ok）.text（））；
$（'#total'+ok）.html（（数量*价格1）.toFixed（2））；
var total=parseFloat（$（'#total'）.text（））+price1；
$（'#total'）.html（total.toFixed（2））；
}
函数源操作（id）
{
var moin=$（'#q'+id）.val（）；
如果（（parseInt（moin）-1>0））{
$（'#q'+id）.val（parseInt（moin）-1）；
var quantity=parseInt（$（'#q'+id.val（））；
var price1=parseFloat（$（'#price'+id）.text（））；
$（'#total'+id）.html（（数量*价格1.toFixed（2））；
var total=parseFloat（$（'#total'）.text（））-price1；
$（'#total'）.html（total.toFixed（2））；
}
}
{%endblock%}

两个按钮上的id相同 自从您在函数中添加后，我还没有找到任何id为（“#price”+ok）的标记

无论如何，问题实际上在price1变量中消失了 不过你需要换一行

function addAction(ok)
{
    var plus=$('#q'+ok).val();
    $('#q'+ok).val(parseInt(plus)+1);
    var quantity=parseInt($('#q'+ok).val());
 //  var price1 =parseFloat($('#price'+ok).text()); commented original
    var price1 =parseFloat($('#price'+ok).val()); //added this line

    $('#total'+ok).html((quantity*price1).toFixed(2));
    var total =parseFloat($('#total').text())+price1;
    $('#total').html(total.toFixed(2));
}

希望这能解决你的问题

function addAction(ok)
{
    var plus=$('#q'+ok).val();
    $('#q'+ok).val(parseInt(plus)+1);
    var quantity=parseInt($('#q'+ok).val());
 //  var price1 =parseFloat($('#price'+ok).text()); commented original
    var price1 =parseFloat($('#price'+ok).val()); //added this line

    $('#total'+ok).html((quantity*price1).toFixed(2));
    var total =parseFloat($('#total').text())+price1;
    $('#total').html(total.toFixed(2));
}