<input class="messageCheckbox" type="checkbox" onchange="getValue(this.value)" value="3" name="mailId[]">

<input class="messageCheckbox" type="checkbox" onchange="getValue(this.value)" value="1" name="mailId[]">

function getValue(value){
    alert(value);
}

用这个:

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

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

如果您想使用jQuery获取所有复选框的值，这可能会有所帮助。这将解析列表，并根据所需的结果执行其他代码。顺便说一下，出于这个目的，我们不需要用括号[]来命名输入。我没讲。

  $(document).on("change", ".messageCheckbox", function(evnt){
    var data = $(".messageCheckbox");
    data.each(function(){
      console.log(this.defaultValue, this.checked);
      // Do something... 
    });
  }); /* END LISTENER messageCheckbox */

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

如果您想让一个变量始终是复选框的当前状态(而不是必须不断检查其状态)，您可以修改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})

对于现代浏览器:

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;
      }
}

以上这些方法对我来说都没用，但只要使用以下方法即可:

document.querySelector('.messageCheckbox').checked;