获取选中复选框的值? [英] Get the value of checked checkbox?

问题描述

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

So I've got code that looks like this:

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

我只需要 Javascript 即可获取当前选中的任何复选框的值.

I just need Javascript to get the value of whatever checkbox is currently checked.

编辑:要添加，只会有一个复选框.

EDIT: To add, there will only be ONE checked box.

推荐答案

对于现代浏览器:

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

通过使用jQuery:

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

没有jQuery的纯javascript:

Pure javascript without 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;
      }
}

这篇关于获取选中复选框的值?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！