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));