在上面代码的基础上，请帮我改成复选框内每一个框的点击事件

好的，您可以在每个复选框的HTML标记中添加一个`onclick`属性，并指定一个JavaScript函数来处理点击事件。以下是一个示例代码：

<input type="checkbox" id="checkbox1" onclick="handleCheckboxClick(this)">
<label for="checkbox1">Checkbox 1</label>

<input type="checkbox" id="checkbox2" onclick="handleCheckboxClick(this)">
<label for="checkbox2">Checkbox 2</label>

<input type="checkbox" id="checkbox3" onclick="handleCheckboxClick(this)">
<label for="checkbox3">Checkbox 3</label>

<script>
  function handleCheckboxClick(checkbox) {
    if (checkbox.checked) {
      console.log(checkbox.id + " is checked");
    } else {
      console.log(checkbox.id + " is unchecked");
    }
  }
</script>

在上面的代码中，我们为每个复选框添加了一个`onclick`属性，并指定了一个名为`handleCheckboxClick`的JavaScript函数来处理点击事件。该函数需要一个参数，即被点击的复选框本身。在函数内部，我们可以根据复选框的状态来执行相应的操作。在这个例子中，我们简单地打印了复选框的ID和状态到控制台中。

注意，我们在每个复选框的`label`标记中使用了`for`属性来指定与之关联的复选框的ID。这样做可以使用户在点击标签时也能够选中/取消选中复选框。