Skip to main content
adicionado evento de clique
Fonte Link
Pedro Sanção
  • 5,7mil
  • 17
  • 41

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.

function getValues() {
  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);
}

// adicionar ação ao clique no checkbox
var checkboxes = document.querySelectorAll('[name=Pacote]');
for (var i = 0; i < checkboxes.length; i++) {
  // somente nome da função, sem executar com ()
  checkboxes[i].addEventListener('click', getValues, false);
}
<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.

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.

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.

function getValues() {
  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);
}

// adicionar ação ao clique no checkbox
var checkboxes = document.querySelectorAll('[name=Pacote]');
for (var i = 0; i < checkboxes.length; i++) {
  // somente nome da função, sem executar com ()
  checkboxes[i].addEventListener('click', getValues, false);
}
<input type="checkbox" id="Pacote_i" name="Pacote" value="Pacote i"/>
<input type="checkbox" id="Pacote_ii" name="Pacote" value="Pacote ii"/>
<input type="checkbox" id="Pacote_iii" name="Pacote" value="Pacote iii"/>


Nota: desconsiderei a alteração do valor, uma vez que não há explicação do motivo dessa mudança.

Fonte Link
Pedro Sanção
  • 5,7mil
  • 17
  • 41

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.