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

在 jQuery 中，可以使用以下代码来检查是否选中了一个或多个复选框：

if ($('input[type="checkbox"]:checked').length > 0) {
  // 复选框已选中
} else {
  // 复选框未选中
}

这段代码使用了选择器 input[type="checkbox"]:checked 来选中所有被选中的复选框。然后使用 length 属性来检查选中的复选框的数量。如果大于 0，则表示复选框已选中，否则表示未选中。

为了更好的了解这段代码，我们来看一下每个部分的含义:

• $()：这个函数是 jQuery 的入口点，用于选中 HTML 元素。其内部可以接收各种类型的参数，比如选择器字符串、DOM 元素、DOM 元素数组等等。

• input[type="checkbox"]:checked：这是一个选择器字符串，用于选中所有被选中的 type 属性为 checkbox 的 HTML 元素。

• .length：这是一个 jQuery 对象的属性，返回该对象包含元素的数量。

在上面的代码中，我们使用了 if/else 语句来判断复选框是否选中。如果选中，就做一些事情；否则，做另一些事情。

除了使用 if/else 语句来判断复选框是否选中，还可以在 checkbox 元素上绑定一个事件监听器。当复选框状态改变时，这个监听器就会被触发。例如：

$('input[type="checkbox"]').on('change', function() {
  if ($(this).is(':checked')) {
    // 复选框已选中
  } else {
    // 复选框未选中
  }
});

这个代码片段会在页面上选中所有的复选框元素，并为它们绑定一个 change 事件监听器。当某个复选框被选中或取消选中时，这个监听器就会被触发。

其中，$(this) 代表当前被点击的元素，而 .is(':checked') 则用于检查这个元素是否被选中。如果被选中，则执行相应的代码块；否则，执行另一个代码块。

综上所述，使用 jQuery 操作复选框非常方便。无论是判断是否选中还是监听它们的状态改变，都可以轻松实现。