jQuery 已选中复选框 - JavaScript

引言

当网页中有多个复选框时，我们可以使用 jQuery 来获取选中的复选框。本文将介绍如何使用 jQuery 来检查一个复选框是否被选中，以及如何获取已选中的所有复选框。

检查复选框是否被选中

要检查一个复选框是否被选中，我们可以使用 jQuery 的 prop 方法。prop 方法用于获取和设置元素属性的值。对于复选框，我们可以使用 prop 方法来获取或设置它的 checked 属性。

例如，要检查一个名为 myCheckbox 的复选框是否被选中，可以使用以下代码：

if ($('#myCheckbox').prop('checked')) {
  console.log('复选框已选中');
} else {
  console.log('复选框未选中');
}

上述代码首先使用 jQuery 选择器 #myCheckbox 来选中名为 myCheckbox 的复选框，然后使用 prop 方法获取它的 checked 属性。如果属性值为 true，则说明复选框被选中，否则未选中。

获取已选中的复选框

要获取已选中的复选框，我们可以使用 jQuery 的 :checked 选择器。这个选择器可以匹配所有被选中的复选框。然后我们可以使用 each 方法遍历这些复选框，并执行我们需要的操作。

例如，要获取一个名为 myCheckboxGroup 的复选框组内所有被选中的复选框，可以使用以下代码：

var checkedValues = [];
$('#myCheckboxGroup input:checked').each(function() {
  checkedValues.push($(this).val());
});
console.log('已选中的复选框值:', checkedValues);

上述代码首先使用 jQuery 选择器 #myCheckboxGroup input:checked 来选中 myCheckboxGroup 中所有被选中的复选框，然后使用 each 方法遍历它们。在遍历过程中，我们使用 push 方法将复选框的值添加到 checkedValues 数组中。最后，我们输出所有已选中复选框的值。

结论

通过本文的介绍，我们学习了如何使用 jQuery 来检查一个复选框是否被选中，以及如何获取已选中的所有复选框。这些技术是开发复选框交互功能时非常有用的。