您可以通过jQuery或JavaScript使用以下方法来检查复选框是否被单击。

$('.messageCheckbox').is(":checked"); // jQuery
document.getElementById(".messageCheckbox").checked //JavaScript

在jQuery中获取检查值:

$(".messageCheckbox").is(":checked").val();

惊讶地发现这里没有可用的普通JavaScript解决方案(当您遵循最佳实践并为每个HTML元素使用不同的id时，投票最多的答案是无效的)。然而，这对我来说很管用:

Array.prototype.slice.call(document.querySelectorAll("[name='mailId']:checked"),0).map(function(v,i,a) { 
      return v.value; 
  });

用这个:

alert($(".messageCheckbox").is(":checked").val())

这假设要检查的复选框具有类“messageCheckbox”，否则您必须检查输入是否为复选框类型，等等。

当框没有被选中时，上面的工作对我来说都没有抛出错误，所以我做了一些沿着这些线的事情(onclick和复选框函数仅用于演示目的，在我的用例中，它是一个更大的表单提交函数的一部分):

函数复选框(){ Var检查= false; if (document.querySelector('#opt1:checked')) { 选中= true; ｝ . getelementbyid(“味精”)。innerText =已检查; ｝ <input type="checkbox" onclick="checkbox()" id="opt1"> <span id="msg">单击方框</span>

对于现代浏览器:

var checkedValue = document.querySelector('.messageCheckbox:checked').value;

使用jQuery:

var checkedValue = $('.messageCheckbox:checked').val();

纯javascript没有jQuery:

var checkedValue = null; 
var inputElements = document.getElementsByClassName('messageCheckbox');
for(var i=0; inputElements[i]; ++i){
      if(inputElements[i].checked){
           checkedValue = inputElements[i].value;
           break;
      }
}

这并不能直接回答这个问题，但可能会对未来的访问者有所帮助。

如果您想让一个变量始终是复选框的当前状态(而不是必须不断检查其状态)，您可以修改onchange事件来设置该变量。

这可以在HTML中完成:

<input class='messageCheckbox' type='checkbox' onchange='some_var=this.checked;'>

或使用JavaScript:

cb = document.getElementsByClassName('messageCheckbox')[0]
cb.addEventListener('change', function(){some_var = this.checked})