O seu código é muito verboso e com alguns problemas (por exemplo, a utilização da função parseInt
em vez de parseFloat
sendo esse utilizado para valores com virgula), pode buscar os elementos selecionados e varrer (for
) item a item buscando a propriedade value
e somando em alguma variável, exemplo:
function calcular() {
document.querySelector('.resultado').innerHTML = '';
const itens = document
.querySelectorAll("input[type='checkbox']:checked");
let values = 0;
if (itens.length > 0) {
for(let i = 0; i < itens.length; i++) {
values = values + (parseFloat(itens[i].value));
}
document.querySelector('.resultado').innerHTML = values
}
}
<h2>Escolha seus destinos:</h2>
<input type="checkbox" class="passagem" value="780.00">
<label for="pais1">Peru</label>
<input type="checkbox" class="passagem" value="960.00">
<label for="pais2">Chile</label>
<input type="checkbox" class="passagem" value="870.00">
<label for="pais3">Bolivia</label>
<input type="checkbox" class="passagem" value="910.00">
<label for="pais4">Uruguai</label>
<input type="checkbox" class="passagem" value="980.00">
<label for="pais5">Argentina</label>
<hr>
<div>
<input type="checkbox" class="passagem" value="350.00">
<label for="voltar">Deseja passagem de volta ao Brasil?</label>
</div>
<button onclick="calcular()">Calcular</button>
<p class="resultado"></p>
O exemplo e bem simples utilizado um querySelectorAll buscando elementos do tipo checkbox
e que estejam selecionados e na próxima linha somando os valores para saber o valor final daquelas que estão selecionadas.