📌  相关文章
📜  如何检查是否在 jQuery 中选中了复选框?(1)

📅  最后修改于: 2023-12-03 15:09:11.977000             🧑  作者: Mango

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

当使用 jQuery 选择器选择一个或多个复选框时,我们可能需要检查哪些复选框被选中了。幸运的是,jQuery 使这个任务非常简单。

我们可以使用 :checked 伪类选择器以检查复选框是否被选中,返回一个布尔值。以下是一个简单的例子:

if ($('#myCheckbox').is(':checked')) {
  console.log('Checkbox is checked');
} else {
  console.log('Checkbox is not checked');
}

在上面的代码中,我们使用 is() 方法来检查复选框是否被选中,该方法返回一个布尔值。如果复选框被选中,则 is(':checked') 返回 true,否则返回 false

如果我们想检查多个复选框,我们可以使用 each() 方法来迭代每个复选框,并在每个迭代中执行相同的检查。以下是一个例子:

$('input[type="checkbox"]').each(function() {
  if ($(this).is(':checked')) {
    console.log($(this).attr('id') + ' is checked');
  } else {
    console.log($(this).attr('id') + ' is not checked');
  }
});

在上面的代码中,我们选择所有类型为“checkbox”的输入元素,并使用 each() 方法遍历它们。在每个迭代中,我们检查当前复选框是否被选中,并记录结果。

希望这篇文章对你有所帮助!