jquery 多选复选框事件 代码

以下是使用 jQuery 监听多选复选框的事件并获取选中的值的示例代码：

HTML 代码：

<input type="checkbox" name="fruits[]" value="apple"> Apple
<input type="checkbox" name="fruits[]" value="banana"> Banana
<input type="checkbox" name="fruits[]" value="orange"> Orange

jQuery 代码：

$(document).ready(function() {
  // 监听复选框变化事件
  $('input[type="checkbox"][name="fruits[]"]').change(function() {
    // 获取选中的值
    var selectedValues = $('input[type="checkbox"][name="fruits[]"]:checked')
                          .map(function() { return this.value; }).get();
    
    // 打印选中的值
    console.log(selectedValues);
  });
});

在这个示例中，我们首先使用 jQuery 监听所有 `name` 属性为 `fruits[]` 的复选框的 `change` 事件。在事件处理程序中，我们使用 jQuery 的 `map()` 函数和 `get()` 方法来获取所有选中复选框的值，并将它们存储在一个数组中。最后，我们将数组打印到控制台上，但你可以根据实际情况使用选中的值进行其他操作。