javascript - 复选框值始终为“打开”

Question

这是我的复选框

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，是否检查。它有什么问题？

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

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

Answer 3

这将起作用：

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

Answer 4

尝试这个

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

Answer 5

快速查看此答案以检查是否选中了复选框。

如何检查是否在jQuery中选中了复选框？

但基本上你想做下面的事情来检查它的价值：

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

Answer 6

我想这就是你想要做的

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