使用复选框控制javascript

我正在建立一个Chrome扩展程序，我想使用此复选框控制JavaScript：

    <div class="modal-icons">
        <div class="flex-container">
            <div class="flex">
                <label class="switch">
                  <input id="check" type="checkbox" checked>
                  <span class="slider round"></span>
                </label>
            </div>
        </div>
    </div>

如何获取.js文件中的状态？

我尝试过：

document.addEventListener('DOMContentLoaded', function() {
const checked = document.getElementById('check').checked;
  # ACTION 
  });

和

var checked = document.getElementById('check').checked;
console.log('checked');

还有类似的方法，但是我不确定如何获得状态。

我收到错误消息：Uncaught TypeError：无法读取null的'checked'属性

我可以写这个例子吗？

if (checked == true) {
   console.log('checked');
}

或者它将给出'checked'的值吗？

有人可以帮我解释一下吗？

回答如下：

问题

使用复选框控制javascript

我正在建立一个Chrome扩展程序，我想使用此复选框控制JavaScript：

    <div class="modal-icons">
        <div class="flex-container">
            <div class="flex">
                <label class="switch">
                  <input id="check" type="checkbox" checked>
                  <span class="slider round"></span>
                </label>
            </div>
        </div>
    </div>

如何获取.js文件中的状态？

我尝试过：

document.addEventListener('DOMContentLoaded', function() {
const checked = document.getElementById('check').checked;
  # ACTION 
  });

和

var checked = document.getElementById('check').checked;
console.log('checked');

还有类似的方法，但是我不确定如何获得状态。

我收到错误消息：Uncaught TypeError：无法读取null的'checked'属性

我可以写这个例子吗？

if (checked == true) {
   console.log('checked');
}

或者它将给出'checked'的值吗？

有人可以帮我解释一下吗？

回答如下：

问题