Javascript 具有多个项目的响应性商店。项目价格将取决于项目的大小

我想把选项改成无线电类型的东西。我还希望项目有不同的价格取决于项目的大小，将被购买

咖啡拿铁（小杯）的价格是15英镑，而咖啡拿铁（大杯）的价格是30英镑

我该怎么做？ 非常感谢你的帮助

var totalPrice=0；
函数AddItem（）
{
var itemPrice=parseInt（0）；
var itemName=document.getElementById（'itemName'）.value；
var qty=document.getElementById（'txtQty'）.value.trim（）；
var subTotal=document.getElementById（'subTotal'）。值；
如果（数量！=“”）
{
如果（数量匹配（/^[0-9]+$/）
{
如果（itemName==“咖啡拿铁”）
项目价格=（19*数量）；
else if（itemName==“卡布奇诺”）
项目价格=（19*数量）；
else if（itemName==“Caffe Americano”）
项目价格=（17*数量）；
else if（itemName==“纯白”）
项目价格=（15*数量）；
其他的
项目价格=（15*数量）；
document.getElementById（“小计”）.value=itemPrice；
总价+=分项价格；
如果（itemName==“咖啡拿铁”）
{
document.getElementById（'iName'）。值+=“\n”+“咖啡拿铁”；
document.getElementById（'price'）。值+=“\n”+itemPrice；
document.getElementById（'qty'）。值+=“\n”+数量；
document.getElementById（'totalPrice'）。value=totalPrice；
}
else if（itemName==“卡布奇诺”）
{
document.getElementById（'iName'）。值+=“\n”+“Cappuccino”；
document.getElementById（'price'）。值+=“\n”+itemPrice；
document.getElementById（'qty'）。值+=“\n”+数量；
document.getElementById（'totalPrice'）。value=totalPrice；
}
else if（itemName==“Caffe Americano”）
{
document.getElementById（'iName'）。value+=“\n”+“Caffe Americano”；
document.getElementById（'price'）。值+=“\n”+itemPrice；
document.getElementById（'qty'）。值+=“\n”+数量；
document.getElementById（'totalPrice'）。value=totalPrice；
}
else if（itemName==“纯白”）
{
document.getElementById（'iName'）。值+=“\n”+“平坦白色”；
document.getElementById（'price'）。值+=“\n”+itemPrice；
document.getElementById（'qty'）。值+=“\n”+数量；
document.getElementById（'totalPrice'）。value=totalPrice；
}
其他的
{
document.getElementById（'iName'）。value+=“\n”+“Espresso”；
document.getElementById（'price'）。值+=“\n”+itemPrice；
document.getElementById（'qty'）。值+=“\n”+数量；
document.getElementById（'totalPrice'）。value=totalPrice；
}
}
其他的
警报（“数量输入无效！”）；
}
其他的
警报（“数量输入无效！”）；
}
功能支付（）
{
var payment=document.getElementById（'payment'）.value.trim（）；
var totalPrice=document.getElementById（'totalPrice'）。值；
如果（付款！=“”）
{
如果（payment.match（/^[0-9]+$/）
{
如果（totalPrice将价格放入一个对象中，并根据选择的大小从该对象中读取

var prices = {'small': 15, 'large': 30};