从javascript中的多个复选框更新值

Question

我基本上想要做的是：点击复选框并更新总价值$ 5000。因此，如果我点击这两个，它将是5110美元，如果我取消选中60美元，它将下降到5050美元。

我无法完成代码的整个进度，因此我将其包含在我的网页中的css文件中：http://adroid.cl/js_problem.css。

我几乎已经完成了这个代码，但它有一些错误，我真的很感激我收到了一些指导，谢谢！

Answer 1

http://jsfiddle.net/zmJ3k/

如果不包含html，则必须更改某些属性

var input = document.getElementsByTagName("input");
var total = document.getElementById("total");
for(i=0;i<input.length;i++){
    input[i].onchange = function(){
        if(this.checked){
             total.innerHTML = parseFloat(total.innerHTML) + parseFloat(this.value);
        }else{
             total.innerHTML = parseFloat(total.innerHTML) - parseFloat(this.value);
        }
    }
}

http://jsfiddle.net/zmJ3k/1/

忘了$

var input = document.getElementsByTagName("input");
var total = document.getElementById("total");
for(i=0;i<input.length;i++){
    input[i].onchange = function(){
        if(this.checked){
             total.innerHTML = "$" + (parseFloat(total.innerHTML.split("$")[1]) + parseFloat(this.value));
        }else{
             total.innerHTML = "$" + (parseFloat(total.innerHTML.split("$")[1]) - parseFloat(this.value));
        }
    }
}