使用香草javascript选中和取消选中复选框[重复]答案

【问题标题】：Check and uncheck checkbox with vanilla javascript [duplicate]使用香草javascript选中和取消选中复选框[重复]
【发布时间】：2020-07-04 19:33:32
【问题描述】：

这里是一个非常基本的问题，我正在使用JS library 添加键盘快捷键，我想使用同一行命令选中和取消选中复选框，但我不确定如何执行此操作，这里是代码：

shortcuts.add('alt+s', function() {
        document.getElementById("menu-toggle").checked = true 
    })

如何使用相同的快捷方式取消选中相同的元素？

        document.getElementById("menu-toggle").checked = false;

提前致谢！

【问题讨论】：

获取元素，如果它的checked属性为true，则设置为false，如果为false，则设置为true。

标签： javascript checkbox checked unchecked

【解决方案1】：

我推荐Element.toggleAttribute：

const toggleChecked = () => document.getElementById('menu-toggle').toggleAttribute('checked');
document.getElementById('myBtn').addEventListener('click', toggleChecked);

<input id="menu-toggle" type="checkbox"> Check me
<br><br>
<button id="myBtn">Click me</button>

【讨论】：