javascript - 从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));
        }
    }
}