怎么让两个复选框相联系
时间: 2024-02-15 13:03:10 浏览: 13
如果你希望两个复选框相互关联,即一个复选框的状态会影响到另一个复选框的状态,可以使用 JavaScript 来实现。以下是一个简单的示例:
```html
<label>
<input type="checkbox" id="checkbox1"> 复选框 1
</label>
<label>
<input type="checkbox" id="checkbox2"> 复选框 2
</label>
<script>
const checkbox1 = document.querySelector('#checkbox1');
const checkbox2 = document.querySelector('#checkbox2');
checkbox1.addEventListener('change', function() {
checkbox2.checked = checkbox1.checked;
});
checkbox2.addEventListener('change', function() {
checkbox1.checked = checkbox2.checked;
});
</script>
```
上面的代码中,我们为两个复选框分别添加了一个 `change` 事件监听器,当一个复选框的状态改变时,另一个复选框的状态也会跟着改变。具体来说,当复选框 1 的状态改变时,我们将复选框 2 的状态设置为和复选框 1 相同;当复选框 2 的状态改变时,我们将复选框 1 的状态设置为和复选框 2 相同。这样,两个复选框就实现了相互关联。