javascript - 获取选中复选框的值？

所以我的代码看起来像这样:

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

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

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

最佳答案

对于现代浏览器:

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

通过使用 jQuery :

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

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

关于javascript - 获取选中复选框的值？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11599666/