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

问题描述

所以我得到的代码看起来像这样：

 < input class =messageCheckboxtype = value =3name =mailId []> 
< input class =messageCheckboxtype =checkboxvalue =1name =mailId []> 
  

我只需要Javascript来获取当前检查复选框的值。

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

解决方案

：

$ b <$ p> var checkedValue = document.querySelector（'messageCheckbox： checked'）。value;


使用 jQuery em>：

  var checkedValue = $（'。messageCheckbox：checked'）。 
  

纯JavaScript不含 jQuery / em>：

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

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[]">

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

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

解决方案

For modern browsers:

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

By using jQuery:

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

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屋！