如何获取选中的复选框的值?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (18)

所以我有这样的代码:

<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();

纯javascriptjQuery:

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;

编码愉快。

扫码关注云+社区