¿Obtener el valor de la casilla marcada?

Resuelto Matthew 'mandatory' Bryant asked hace 12 años • 17 respuestas

Entonces tengo un código que se parece a este:

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

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

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

Aceptado

Ninguno de los anteriores funcionó para mí, simplemente use esto:

document.querySelector('.messageCheckbox').checked;
JanBorup avatar Mar 27 '2015 13:03 JanBorup

Para navegadores modernos :

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

Mediante el usojQuery :

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;
      }
}
Engineer avatar Jul 22 '2012 11:07 Engineer

Estoy usando esto en mi código. Prueba esto

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

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

user1683014 avatar Sep 02 '2013 13:09 user1683014

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);
    }
}
Stano avatar Jul 22 '2012 11:07 Stano