Question

我有以下复选框代码：

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

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

Answer 1

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

  alert(checkbox_value);
});

Answer 2

没有jQuery：

alert(check.checked)

复选框输入元素具有checked属性，即使您无法看到它，只要点击事件到达它们，该值就会切换。

如果你想对此作出反应，那你可以检查一下：

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

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

2 个答案: