Значение флажка всегда 'on'

это мой флажок

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

Всегда отображается ON, проверяется или нет. В чем проблема?

Ответ 1

Используйте .is(':checked') вместо: Рабочий jsFiddle

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

или как @Itay в комментариях вы можете использовать jQuery .prop() для получения значения проверенного свойства:

alert($("#eu_want_team").prop("checked"));

Ответ 2

<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>

Ответ 3

Быстро посмотрите на этот ответ, чтобы проверить, установлен ли флажок.

Как проверить, установлен ли флажок в jQuery?

Но в основном вы хотите сделать что-то вроде ниже, чтобы проверить его значение:

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

Ответ 4

Я думаю, что это то, что вы хотите сделать

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

Ответ 5

Это будет работать:

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

Ответ 6

Попробуйте это

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