javascript - 检查是否选中了复选框？

Question

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

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

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

Answer 1

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 2

这取决于您尝试在哪里执行此操作。通常你可以这样做：

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

或者

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

或者

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

或不支持 prop 的旧版本 jquery (< 1.6)，attr 用于完成 prop 的工作以及设置/重置元素的属性（以防独立属性，如选中、选择、禁用等......）；

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

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

  this.checked

Answer 3

使用元素的 id 或类是做这一切的好方法，但是由于我们使用的是 jQuery，你可能会使用他们的 API，这里是解决方案：

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

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

这样，您就可以知道该复选框已被选中。