input的checkbox选中事件

当用户使用一个HTML 表单时，可以使用``元素创建一个复选框（checkbox）来让用户选择一个或多个选项。当复选框被选中或取消选中时，可以通过JavaScript来捕捉这个事件并执行相关代码。

要捕捉复选框的选中事件，可以用`addEventListener()`方法或者`onchange`事件属性来实现。以下是使用这两种方法的示例：

### 使用addEventListener()方法

```html

```

### 使用onchange属性

```html

```

无论使用哪种方法，当复选框的状态发生改变时，都会触发事件处理函数（回调函数）。在处理函数中，可以根据复选框的`checked`属性来判断复选框的选中状态。如果`checked`为`true`，表示复选框被选中；如果`checked`为`false`，表示复选框被取消选中。

除了打印信息到控制台，你也可以在事件处理函数中执行其他的操作，比如修改其他元素的内容、发送网络请求、显示/隐藏元素等。

以下是一个完整的示例，演示当用户选择或取消选择复选框时，改变页面中一个段落的文本内容：

```html

复选框未选中

```

当复选框被选中时，段落的文本内容将被修改为“复选框已选中”，当复选框被取消选中时，文本内容将被修改为“复选框未选中”。你可以根据需要修改代码，实现自己的逻辑。

希望上述信息对你有帮助，如果有任何问题，请随时提问。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.37seo.cn/