复选框值始终为' on'

时间:2013-08-22 09:59:25

标签: javascript jquery html dom checkbox

这是我的复选框

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,是否检查。问题是什么?

6 个答案:

答案 0 :(得分:41)

改为使用.is(':checked') Working jsFiddle

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

或@Itay在评论中说你可以使用jQuery的.prop()来获取被检查的属性值:

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

答案 1 :(得分:8)

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

答案 2 :(得分:0)

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

How to check whether a checkbox is checked in jQuery?

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

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

答案 3 :(得分:0)

我认为这就是你想要做的事情

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

答案 4 :(得分:0)

这将有效:

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

答案 5 :(得分:0)

试试这个

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