javascript - 来自onclick获取请求foreach jquery的总和值
问题描述
我试图总结从 jQuery 中的 json get 请求中获得的值。相反,它不断替换值而不是在 variable 中求和total
。
请问我如何总结每次点击的价值?
这是我的代码
$(".checks").on("click", function(){
var clicked = $(this);
var room = clicked.val();
var total = 0;
if(this.checked) {
$.get('/rooms.json', function(data){
data.forEach(function(d){
if(room == d.id){
total += parseInt(d.room_type.price);
$("#selected_rooms").append("<p>" + d.number + " @ " + d.room_type.price + "</p>");
$("#total_amount").html("<p>" + total + "</p>");
}
});
});
} else {
$("#selected_rooms").
}
});
解决方案
您必须在事件处理程序total
之外初始化变量。click
var total = 0;
$(".checks").on("click", function(){
var clicked = $(this);
var room = clicked.val();
$.get('/rooms.json', function(data){
data.forEach(function(d){
if(room == d.id){
total += parseInt(d.room_type.price);
$("#selected_rooms").append("<p>" + d.number + " @ " + d.room_type.price + "</p>");
$("#total_amount").html("<p>" + total + "</p>");
}
});
});
});
推荐阅读
- php - 如何将序列化对象字符串转换为php中的数组?
- flutter - WEB {Chrome 和 Edge} 中的 Flutter SilverAppBar 故障
- javascript - RequireJS:你能得到“定义”当前文件的父 JS 文件的文件名吗?
- css - CSS字体显示:交换阻止
- python - Python datetime.now() 作为默认函数参数在不同时间返回相同的值
- maven - Adobe AEM 与 IText PDF 7.1.x,java.lang.NoClassDefFoundError: org/slf4j/LoggerFactory
- c++ - 我正在尝试使用 while 循环从字符串中删除字母,直到一个字母都不剩为止。我在这里做错了什么?
- python - 安装 pandas 后,它只会被 python 识别而不是 python3
- oracle - 如何在oracle中使用union进行减法
- python - 如何迭代列中的值并将它们添加为新列?