结合JavaScript和jQuery检索的值
结合JavaScript和jQuery检索的值
这个问题已经有答案了:
可能重复:
我有一个包含产品选项的选择元素。我想要实现的是当他们选择一个选项时,页面上的价格会自动调整。我已经找出如何检索这些值,但当我将它们组合起来时,它只是将两个数字放在一起,而不是真正地将它们相加。
例如,当我有50 + 10时,它输出5010而不是60。
我的代码:
$('.product_options').change(function(){ var base_price = $('#base_price').html(); var add_price = $(this).find("option:selected").data('price'); var new_price = base_price+add_price; console.log(new_price); $('.current_price').html(base_price+add_price);
});
是否有一种方式可以将它们都转换为整数,以便操作实际上可以进行?
提前致谢!
admin 更改状态以发布 2023年5月23日
尝试:
var base_price = +$('#base_price').html(); var add_price = +$(this).find("option:selected").data('price');
查看强大的:Mozilla的算术运算符参考-一元否定
使用 parseInt
\n
$('.product_options').change(function(){ var base_price = parseInt($('#base_price').html(), 10); // 10 as second argument will make sure that base is 10. var add_price = parseInt($(this).find("option:selected").data('price'), 10); var new_price = base_price+add_price; console.log(new_price); $('.current_price').html(base_price+add_price); });