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

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="checkbox" name="ips" value="12520">
<input type="checkbox" name="ips" value="12521">
<input type="checkbox" name="ips" value="12522">

Answer 2

Utilisez ça :

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

Cela suppose que les cases à cocher à vérifier ont la classe "messageCheckbox", sinon il faudrait vérifier si l'entrée est du type case à cocher, etc.

Answer 3

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

Answer 4

Aucune des solutions ci-dessus n'a fonctionné pour moi sans provoquer d'erreurs dans la console lorsque la case n'était pas cochée. J'ai donc fait quelque chose comme ceci à la place (onclick et la fonction checkbox ne sont utilisés qu'à des fins de démonstration, dans mon cas, ils font partie d'une fonction de soumission de formulaire beaucoup plus importante) :

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>

Answer 5

CELA FONCTIONNE http://www.overpie.com/jquery/articles/jquery-get-selected-checkboxes J'ai également essayé et cela a fonctionné. Je poste donc ce message pour les autres programmeurs qui sont bloqués dans l'obtention des valeurs des cases à cocher.