📅  最后修改于: 2023-12-03 15:09:11.977000             🧑  作者: Mango
当使用 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()
方法遍历它们。在每个迭代中,我们检查当前复选框是否被选中,并记录结果。
希望这篇文章对你有所帮助!