可以使用以下函数：

function UpdateCost() {
    var checkboxes = document.getElementsByName('checkbox[]');
    var len = checkboxes.length;

    var result = 0;
    for (var i = 0; i < len; i++) {
        if (checkboxes[i].checked) {
            result = result + Number(checkboxes[i].value);
        }
    }
    document.getElementById('total').innerHTML = result;
}

你可以使用data-属性来实现它。
第一个

你可以试试这个
https://jsfiddle.net/3xq8zojg/

<form>
  <input type="checkbox" value="1" onclick="UpdateCost(this);" /> 
  <input type="checkbox" value="2" onclick="UpdateCost(this);" /> 
  <input type="checkbox" value="3" onclick="UpdateCost(this);" /> 
  <input type="checkbox" value="4" onclick="UpdateCost(this);" /> 
  <div id="total"> </div>
</form>

var total = 0;
function UpdateCost(elem) {
alert(elem.value);

if (elem.checked === true) {
total = total+Number(elem.value);
} else {
total = total -Number(elem.value);
}
console.log(total)

    document.getElementById('total').value = total.toFixed(0);
}