获取选中复选框的值？

Question

所以我有这样的代码:

<input class="messageCheckbox" type="checkbox" value="3" name="mailId[]">
<input class="messageCheckbox" type="checkbox" value="1" name="mailId[]">

我只需要Javascript来获取当前选中的任何复选框的值。

编辑：要添加，只有一个复选框。

Answer 1

我在代码中使用它。试试这个

js prettyprint-override">var x=$("#checkbox").is(":checked");

如果选中该复选框，则< code>x将为真，否则为假。

Answer 2

对于现代浏览器：

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

通过使用jQuery：

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

没有< code>jQuery的纯javascript:

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

Answer 3

以上都不适合我，但只需使用这个：

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