当checked不为1时添加filter样式名
时间: 2023-07-01 20:16:40 浏览: 73
LayUI动态设置checkbox不显示的解决方法
可以使用JavaScript来实现这个功能,代码如下:
```javascript
const checkbox = document.getElementById('myCheckbox');
const filter = document.getElementById('myFilter');
checkbox.addEventListener('change', function() {
if (this.checked) {
filter.classList.remove('filter');
} else {
filter.classList.add('filter');
}
});
```
这段代码首先获取到需要监听的复选框和需要添加/移除样式的元素,然后给复选框添加一个change事件监听器。当复选框状态改变时,判断它的checked属性是否为true,如果是则移除样式名,否则添加样式名。在这个例子中,我假设需要添加的样式名是"filter"。
阅读全文