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

Si vous utilisez React Semantic UI , data est passé comme deuxième paramètre à la méthode onChange événement.

Vous pouvez donc accéder à l checked comme suit :

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

Answer 2

Si vous voulez obtenir les valeurs de toutes les cases à cocher en utilisant jQuery, ceci pourrait vous aider. Il analysera la liste et, en fonction du résultat souhaité, vous pourrez exécuter un autre code. BTW, dans ce but, il n'est pas nécessaire de nommer l'entrée avec des crochets []. Je les ai laissés de côté.

  $(document).on("change", ".messageCheckbox", function(evnt){
    var data = $(".messageCheckbox");
    data.each(function(){
      console.log(this.defaultValue, this.checked);
      // Do something... 
    });
  }); /* END LISTENER messageCheckbox */

Answer 3

javascript pur et les navigateurs modernes

// for boolean
document.querySelector(`#isDebugMode`).checked

// checked means specific values
document.querySelector(`#size:checked`)?.value ?? defaultSize

Exemple

<form>
  <input type="checkbox" id="isDebugMode"><br>
  <input type="checkbox" value="3" id="size"><br>
  <input type="submit">
</form>

<script>
  document.querySelector(`form`).onsubmit = () => {
    const isDebugMode = document.querySelector(`#isDebugMode`).checked
    const defaultSize = "10"
    const size = document.querySelector(`#size:checked`)?.value ?? defaultSize
    //

Answer 4

Dans mon projet, j'utilise généralement ces extraits :

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

Et ça marche bien.