Javascript实时价格计算（来自选项和复选框）

Question

我想用javascript构建一个价格计算器。

这是my bin。

我可以显示总价，但在第一次展示后，“总价”不会刷新。

如何打印如下公式：

(ITEMPRICE + SHIPPING[SELECT]) - REWARDS[CHECKBOX]

我很新，很抱歉一个糟糕的问题。但我需要帮助。

Answer 1

不确定您在寻找什么。这可能是基于ypur问题描述的解决方案。

var itemCost = 10; //Nor directly retrivable from HTML 

var shipSelect = document.getElementById('selectbasic');
var shipCost = shipSelect[shipSelect.selectedIndex].value *1;

var rewards = 0;
var checkBox = document.getElementById('checkboxes-0');
if (checkBox.checked) {
  rewards = checkBox.value * 1;
}

if (rewards> (itemCost + shipCost)) {
  rewards = itemCost + shipCost;
}

alert('Item price: ' + itemCost + 
    '\nShipping: ' + shipCost + 
    '\nRewards: ' + rewards +
    '\nTotal: ' + (itemCost + shipCost - rewards));