检查是否选中了复选框？

Question

如何检查是否通过jQuery检查了复选框？

我可以只为元素添加ID或类并执行此操作吗？

if($('#element').val() == 1) { 
  //do stuff 
}

Answer 1

这取决于您尝试执行此操作的位置。通常你可以这样做：

$('#element').is(':checked');

或

$('#element')[0].checked;

或

 $('#element').prop('checked'); 

或更旧版本的jquery（＆lt; 1.6）不支持prop，attr用于执行prop的工作以及设置/重置元素的属性（Incase of standalone attributes，如checked，selected，disabled等。 ..）;

 $('#element').attr('checked') //will return boolean value

如果它位于复选框的上下文中，如果在change事件中你可以这样做：

  this.checked

Answer 2

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

    //checkbox is checked

}

或

if($('#element:checked').length > 0){

    //checkbox is checked

}

或在jQuery 1.6 +中：

if($('#element:checked').prop('checked') === true){

    //checkbox is checked

}

Answer 3

使用元素的id或类是完成所有这些的好方法，但由于我们使用的是jQuery，您可以使用它们的API，这是解决方案：

$('input[type="checkbox"]').is(':checked') {
  // do the stuff here..
}

您也可以使用#element代替input[type="checkbox"]'。

这样，您就可以知道选中了复选框。