web-dev-qa-db-fra.com

La valeur de la case à cocher est toujours activée

c'est ma case à cocher

HTML

<label class="checkbox">
    <input id="eu_want_team" name="eu_want_team" type="checkbox">
</label>

JQuery

var eu_want_team = $('#eu_want_team').val();
alert(eu_want_team);

Il affiche toujours ON, est-il vérifié ou non. Quel est le problème avec ça?

56
user2705406

Utilisez .is(':checked') à la place: Working jsFiddle

var eu_want_team = $('#eu_want_team').is(':checked');
alert(eu_want_team);

ou comme @Itay l'a dit dans les commentaires, vous pouvez utiliser la fonction .prop() de jQuery pour obtenir la valeur de propriété vérifiée:

alert($("#eu_want_team").prop("checked"));
44
Yotam Omer
<label class="checkbox">
    <input id="eu_want_team" name="eu_want_team" type="checkbox" value="somevalue">
</label>

<script>
   var ele = document.getElementById("eu_want_team");
   if(ele.checked)
   alert(ele.value)

</script>
9
Shadow

Cela fonctionnera:

if ($('#element').is(":checked")) {
    eu_want_team = 1;
} else {
    eu_want_team = 0;
}
alert(eu_want_team);
0
Roy M J

Essaye ça

if ( $('#element').is(':checked')){
    alert(element);
   }
0
Nathan Srivi

Jetez un œil à cette réponse pour vérifier si une case est cochée.

Comment vérifier si une case à cocher est cochée dans jQuery?

Mais en gros, vous voulez faire quelque chose comme ci-dessous pour vérifier sa valeur:

if ($("#element").is(":checked")) {
  alert("I'm checked");
}
0
Mark

je pense que c'est ce que vous voulez faire

$("#eu_want_team").click(function(){
    alert($(this).is(':checked')); 
}
0
Kimtho6