Preciso de um JavaScript que ao clicar em um checkbox soma determinado à um total já existente em outro input. E quando desabilita o checkbox subtrai-se o valor do checkbox deste total.
Tenho o seguinte:
<input type="checkbox" id="evento_value" value="99.00" onclick="AddValor()">
<input type="checkbox" id="evento_value" value="120.00" onclick="AddValor()">
<input type="checkbox" id="evento_value" value="99.00" onclick="AddValor()">
<input type="checkbox" id="evento_value" value="300.00" onclick="AddValor()">
<input type="checkbox" id="evento_value" value="5.00" onclick="AddValor()">
E também tenho um input com um valor já estabelecido, onde deve ser acrescido os valores do clicar em cada checkbox. Se eventualmente o usuário desabilitar o checkbox, subtrai-se o valor. Estou sando o seguinte código para isso:
<script>
function AddValor() {
var resultado = parseInt(document.getElementById('evento_value').value, 10);
var total = parseInt(document.getElementById('valor_principal').value, 10);
if(document.getElementById('evento_value').checked == true) {
total = total +resultado;
} else if(document.getElementById('evento_value').checked == false) {
total = total - resultado;
}
$("#valor_principal").val(total);
}
AddValor();
Onde #valor_principal é o input com o valor já calculado no qual deve-se acrescentar ou subtrair determinado valor ao clicar no checkbox.
O fato é que este script só funciona para o primeiro input checkbox e não para os demais. Desconfio que tenha relação com os IDs. Alguém teria alguma sugestão?