Javascript 检索HTML中复选框的更新“已选中”字段

我有以下复选框代码：

<input checked="checked" id="check" name="check" type="checkbox" value="active">

默认情况下，它被设置为checked，并且不会更改用户是否在UI中取消选中它。如何确定用户是否确实取消选中了该框？

没有jQuery：

document.querySelector('#check').addEventListener("change", function() {
  var checkbox_value = document.querySelector('#check:checked').value;

  alert(checkbox_value);
});

alert(check.checked)

复选框输入元素有一个checked属性，即使您看不到它，只要单击事件到达它们，该值就会切换

这就是你可以检查的方式，现在如果你想对此做出反应：

check.onchange = function() {
    if (!check.checked) {
         // he unchecked the box! oh my
    }
}

---

当我在JS检索时选中并取消选中复选框时，我看到输入元素的checked属性发生了变化。但是，当我尝试将这些数据发送到Rails控制器时，它会发送任何原始值。我想你会当场得到值，对吗？也许错误就在代码D的那一部分：我的浏览器使用的是我的js文件的缓存版本。清除缓存修复了该问题。谢谢你的帮助。