Obtenir la valeur d'une case à cocher cochée ?

Question

Donc j'ai un code qui ressemble à ça :

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

J'ai juste besoin de Javascript pour obtenir la valeur de la case à cocher qui est actuellement cochée.

EDIT : Pour ajouter, il n'y aura qu'UNE seule case cochée.

Answer 1

Aucune des méthodes ci-dessus n'a fonctionné pour moi, mais utilisez simplement celle-ci :

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

Answer 2

Pour les navigateurs modernes :

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

En utilisant jQuery :

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

Du pur javascript sans 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;
      }
}

Answer 3

J'utilise ceci dans mon code. Essayez ceci

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

Si la case est cochée x sera vrai, sinon il sera faux.

Answer 4

En simple javascript :

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);
    }
}

Answer 5

Cela ne répond pas directement à la question, mais peut aider les futurs visiteurs.

---

Si vous souhaitez qu'une variable corresponde toujours à l'état actuel de la case à cocher (plutôt que d'avoir à vérifier constamment son état), vous pouvez modifier l'attribut onchange pour définir cette variable.

Cela peut être fait dans le HTML :

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

ou avec JavaScript :

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