Obtener el valor de la casilla marcada?

Entonces tengo un código que se ve así:

<input class="messageCheckbox" type="checkbox" value="3" name="mailId[]">
<input class="messageCheckbox" type="checkbox" value="1" name="mailId[]">

Solo necesito Javascript para obtener el valor de cualquier casilla de verificación que esté marcada actualmente.

EDITAR : Para agregar, solo habrá UNA casilla marcada.

Para navegadores modernos :

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

Al usarjQuery :

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

JavaScript puro sinjQuery :

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

Nada de lo anterior funcionó para mí, pero simplemente use esto:

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

Feliz codificación

Estoy usando esto en mi código. Prueba esto

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

Si la casilla está marcada xserá verdadera, de lo contrario será falsa.

en javascript simple:

function test() {
    var cboxes = document.getElementsByName('mailId[]');
    var len = cboxes.length;
    for (var i=0; i<len; i++) {
        alert(i + (cboxes[i].checked?' checked ':' unchecked ') + cboxes[i].value);
    }
}

function selectOnlyOne(current_clicked) {
    var cboxes = document.getElementsByName('mailId[]');
    var len = cboxes.length;
    for (var i=0; i<len; i++) {
        cboxes[i].checked = (cboxes[i] == current);
    }
}

Esto no responde directamente a la pregunta, pero puede ayudar a futuros visitantes.

Si desea que una variable sea siempre el estado actual de la casilla de verificación (en lugar de tener que seguir comprobando su estado), puede modificar el onchangeevento para establecer esa variable.

Esto se puede hacer en el HTML:

<input class='messageCheckbox' type='checkbox' onchange='some_var=this.checked;'>

o con JavaScript:

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

Utilizar este:

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

Esto supone que las casillas de verificación para marcar tienen la clase "messageCheckbox", de lo contrario, tendría que hacer una comprobación si la entrada es el tipo de casilla de verificación, etc.

<input class="messageCheckbox" type="checkbox" onchange="getValue(this.value)" value="3" name="mailId[]">

<input class="messageCheckbox" type="checkbox" onchange="getValue(this.value)" value="1" name="mailId[]">

function getValue(value){
    alert(value);
}

Si está utilizando Semantic UI React , datase pasa como el segundo parámetro al onChangeevento.

Por lo tanto, puede acceder a la checkedpropiedad de la siguiente manera:

<Checkbox label="Conference" onChange={(e, d) => console.log(d.checked)} />

Nada de lo anterior funcionó para mí sin arrojar errores en la consola cuando la casilla no estaba marcada, así que hice algo en este sentido (onclick y la función de casilla de verificación solo se usan con fines de demostración, en mi caso de uso es parte de un función de envío de formularios mucho más grande):

function checkbox() {
  var checked = false;
  if (document.querySelector('#opt1:checked')) {
     checked = true;
  }
  document.getElementById('msg').innerText = checked;
}

<input type="checkbox" onclick="checkbox()" id="opt1"> <span id="msg">Click The Box</span>

En mi proyecto, generalmente uso estos fragmentos:

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

Y funciona bien. Cordial saludo.