Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 需要从2个不同的onclick函数中获取2个值(价格),然后在表格中显示总数_Javascript_Html_Arrays_Dynamic - Fatal编程技术网

Javascript 需要从2个不同的onclick函数中获取2个值(价格),然后在表格中显示总数

Javascript 需要从2个不同的onclick函数中获取2个值(价格),然后在表格中显示总数,javascript,html,arrays,dynamic,Javascript,Html,Arrays,Dynamic,我正在制作一个购物网站,我的产品页面有2个产品,当用户从下拉列表中选择数量并单击添加到购物车按钮时,产品图像、说明、价格、数量和总价(数量*价格)将添加到页面底部的表行中。我的问题是显示多个选定产品的总数。我创建了变量,将每个产品的总计存储在各自的函数中。如果用户选择了第一种产品,我提到的所有信息都以正确的总价显示在一行中,但是如果用户选择了第二种产品,则信息会添加到表中,但总价会被第二种产品替换,而不是添加两种产品的总价。有解决办法吗 var count1=0; var count2=0;

我正在制作一个购物网站,我的产品页面有2个产品,当用户从下拉列表中选择数量并单击添加到购物车按钮时,产品图像、说明、价格、数量和总价(数量*价格)将添加到页面底部的表行中。我的问题是显示多个选定产品的总数。我创建了变量,将每个产品的总计存储在各自的函数中。如果用户选择了第一种产品,我提到的所有信息都以正确的总价显示在一行中,但是如果用户选择了第二种产品,则信息会添加到表中,但总价会被第二种产品替换,而不是添加两种产品的总价。有解决办法吗

var count1=0;
var count2=0;
var count3=0;
var count4=0;
范权;
var totalArray=[];
var priceArray=[13.99249.99];
log(priceArray);
console.log(priceArray[1]);
document.getElementById('btn3')。onclick=function(){
如果(count3==0){
var table=document.getElementById(“table”);//每次单击后都会添加一行
var行=table.insertRow(0);
var乘积=行插入单元格(0);
var desc=行插入单元格(1);
var价格=行插入单元格(2);
变量数量=行插入单元格(3);
count3++;
product.innerHTML=“”;
desc.innerHTML=document.getElementById(“desc3”).innerHTML;//打印数量
price.innerHTML=“$”+价格数组[0]+“每项”;//打印数量
var selectedText=list3.options[list3.selectedIndex].innerHTML;
var selectedValue=list3.value;
quantity.innerHTML=selectedValue;
document.getElementById('hcart').innerHTML=“您的购物车(1)产品”;
console.log(count3);
var total=所选值*13.99;
totalArray[1]=总计;
document.getElementById('total').innerHTML=parseInt(total);
}否则{
警报(“产品已输入”);
}
};
//------------------------btn4-------------------------------------------------
var-myQuantity;
var-myPrice;
var合计=0;
document.getElementById('btn4')。onclick=function(){
如果(count4==0){
var table=document.getElementById(“table”);//每次单击后都会添加一行
var行=table.insertRow(0);
var乘积=行插入单元格(0);
var desc=行插入单元格(1);
var价格=行插入单元格(2);
变量数量=行插入单元格(3);
count4++;
product.innerHTML=“”;
desc.innerHTML=document.getElementById(“desc4”).innerHTML;//打印数量
price.innerHTML=“$”+价格数组[1]+“每项”;//打印数量
var selectedText=list1.options[list1.selectedIndex].innerHTML;
var selectedValue=list1.value;
quantity.innerHTML=selectedValue;
document.getElementById('hcart').innerHTML=“您的购物车(1)产品”;
console.log(count4);
总计=所选值*价格数组[1];
log(totalArray);
document.getElementById('total').innerHTML=parseInt(total);
}否则{
警报(“产品已输入”);
}
};

描述
TeckNet TruWave技术:为多种表面类型提供精确、智能的光标控制。TeckNet-CoLink技术:配对后,无需在信号丢失或关机后重新建立配对

价格 CDN:$13.99 购买 1. 2. 3. 4. 描述

三星Galaxy Tab A SM-T350NZAAXAR 8.0英寸1.5 GHz、16GB、安卓5.0棒棒糖平板电脑、烟熏钛合金。保持所有三星设备同步。连接三星设备比以往任何时候都更容易。借助三星Side Sync 3.0和快速连接,您可以 可以在三星平板电脑之间轻松共享内容和工作

价格 CDN:$249.99 购买 1. 2. 3. 4. 您的购物车(空) 名称 描述 价格 量 全部的 空的
创建一个全局变量,比如说
cartotal=0

然后,之前
document.getElementById('total').innerHTML=parseInt(total),,
您计算
cartotal+=total
,然后执行以下操作

document.getElementById('total').innerHTML=parseInt(cartotal)

在这两个功能中。。 在这里,cartTotal将包含添加的所有产品的总数