如何将复选框进行筛选

将复选框进行筛选通常是在开发网页或应用程序时遇到的需求，以下是一些常见的方法和步骤：

HTML + JavaScript

1. HTML: 创建复选框列表。

```html

Option 1

Option 2

Option 3

```

2. JavaScript: 添加事件监听器来筛选复选框。

```javascript

document.querySelectorAll('input[type="checkbox"]').forEach(function(input) {

input.addEventListener('change', function() {

const selectedOptions = document.querySelectorAll('input[type="checkbox"]:checked');

const content = document.getElementById('content');

content.innerHTML = ''; // 清空内容

selectedOptions.forEach(function(option) {

const div = document.createElement('div');

div.textContent = option.value;

content.appendChild(div);