当checked不为1时,在calss里添加filter样式名
时间: 2023-12-04 13:02:08 浏览: 52
LayUI动态设置checkbox不显示的解决方法
好的,那么可以使用以下代码实现:
```javascript
const checkbox = document.getElementById('myCheckbox');
const element = document.getElementById('myElement');
checkbox.addEventListener('change', function() {
if (this.checked) {
element.classList.remove('filter');
} else {
element.classList.add('filter');
}
});
```
这段代码与之前的代码类似,不同之处在于我们操作的是元素的class属性,而不是元素本身。我们首先获取需要监听的复选框和需要添加/移除样式的元素,然后给复选框添加一个change事件监听器。当复选框状态改变时,判断它的checked属性是否为true,如果是则移除样式名"filter",否则添加样式名"filter"。这里的"filter"是一个样式名,你可以根据你的实际需求来更改。
阅读全文