Você pode usar a função document.querySelectorAll()
, que recebe como parâmetro um seletor CSS e retorna os elementos combinados. Utilize o seletor :checked
para iterar somente os checkbox
marcados.
var pacote = document.querySelectorAll('[name=Pacote]:checked');
var values = [];
for (var i = 0; i < pacote.length; i++) {
// utilize o valor aqui, adicionei ao array para exemplo
values.push(pacote[i].value);
}
alert(values);
<input type="checkbox" id="Pacote_i" name="Pacote" value="Pacote i" checked/>
<input type="checkbox" id="Pacote_ii" name="Pacote" value="Pacote ii"/>
<input type="checkbox" id="Pacote_iii" name="Pacote" value="Pacote iii" checked/>
Nota: desconsiderei a alteração do valor, uma vez que não há explicação do motivo dessa mudança.