Obter o valor da checkbox de seleção marcada?

Então, eu tenho um código assim:

  

Eu só preciso de Javascript para obter o valor de qualquer checkbox de seleção atualmente marcada.

EDIT : Para adicionar, haverá apenas uma checkbox marcada.

Para navegadores modernos :

 var checkedValue = document.querySelector('.messageCheckbox:checked').value; 

Usando o jQuery :

 var checkedValue = $('.messageCheckbox:checked').val(); 

JavaScript puro sem jQuery :

 var checkedValue = null; var inputElements = document.getElementsByClassName('messageCheckbox'); for(var i=0; inputElements[i]; ++i){ if(inputElements[i].checked){ checkedValue = inputElements[i].value; break; } } 

Nenhum dos acima funcionou para mim, mas simplesmente use isso:

 document.querySelector('.messageCheckbox').checked; 

Codificação feliz.

Estou usando isso no meu código.Experimente isso

 var x=$("#checkbox").is(":checked"); 

Se a checkbox de verificação estiver marcada, x será verdadeira, caso contrário, será falsa.

em javascript simples:

 function test() { var cboxes = document.getElementsByName('mailId[]'); var len = cboxes.length; for (var i=0; i 
 function selectOnlyOne(current_clicked) { var cboxes = document.getElementsByName('mailId[]'); var len = cboxes.length; for (var i=0; i 

Isso não responde diretamente à pergunta, mas pode ajudar futuros visitantes.


Se você quiser que uma variável seja sempre o estado atual da checkbox de seleção (em vez de ter que continuar verificando seu estado), você pode modificar o evento onchange para definir essa variável.

Isso pode ser feito no HTML:

  

ou com JavaScript:

 cb = document.getElementsByClassName('messageCheckbox')[0] cb.addEventListener('change', function(){some_var = this.checked}) 

Usa isto:

 alert($(".messageCheckbox").is(":checked").val()) 

Isso pressupõe que as checkboxs de seleção para checar tenham a class “messageCheckbox”, caso contrário você teria que checar se a input é do tipo checkbox de seleção, etc.

 $(document).ready(function() { var ckbox = $("input[name='ips']"); var chkId = ''; $('input').on('click', function() { if (ckbox.is(':checked')) { $("input[name='ips']:checked").each ( function() { chkId = $(this).val() + ","; chkId = chkId.slice(0, -1); }); alert ( $(this).val() ); // return all values of checkboxes checked alert(chkId); // return value of checkbox checked } }); }); 
     

Se você estiver usando o Semantic UI React , os data passados ​​como o segundo parâmetro para o evento onChange .

Você pode, portanto, acessar a propriedade checked seguinte forma:

  console.log(d.checked)} /> 

No meu projeto, eu costumo usar esses trechos:

 var type[]; $("input[name='messageCheckbox']:checked").each(function (i) { type[i] = $(this).val(); }); 

E isso funciona bem. Os meus cumprimentos.