复选框值始终为“打开”[重复]答案

【问题标题】：Checkbox value is always 'on' [duplicate]复选框值始终为“打开”[重复]
【发布时间】：2013-08-24 23:54:35
【问题描述】：

这是我的复选框

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

【问题讨论】：

欢迎来到 Stack Overflow。我重新标记为jQuery，假设这就是$() 和val() 的来源。如果我错了，请随时纠正。下次您询问非原生 JavaScript 函数时，请不要忘记发布其代码或提及它所属的库。
你应该在 jQuery 中使用.prop('checked')

标签： javascript jquery html dom checkbox

【解决方案1】：

改用.is(':checked')：Working jsFiddle

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

或者正如@Itay 在 cmets 中所说，您可以使用 jQuery 的 .prop() 来获取选中的属性值：

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

【讨论】：

+1 。或$("#eu_want_team").prop("checked")
@Itay 你也是对的。将添加到答案
当我使用.is(":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】：

这将起作用：

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

【讨论】：

【解决方案4】：

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

How to check whether a checkbox is checked in jQuery?

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

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

【讨论】：

【解决方案5】：

我认为这就是你想要做的

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

【讨论】：

【解决方案6】：

试试这个

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

【讨论】：