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