获取选中的checkbox的值？

所以我有这样的代码：

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

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

编辑 ：添加，将只有一个checkbox。

Answer 1

对于现代浏览器 ：

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

Answer 2

以上都没有为我工作，但只是使用这个：

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

快乐的编码。

Answer 3

我正在使用这个在我的code.Try这个

 var x=$("#checkbox").is(":checked"); 

如果checkbox被选中，则x将为真，否则将为假。

Answer 4

在纯javascript：

 function test() { var cboxes = document.getElementsByName('mailId[]'); var len = cboxes.length; for (var i=0; i<len; i++) { alert(i + (cboxes[i].checked?' checked ':' unchecked ') + cboxes[i].value); } } 

 function selectOnlyOne(current_clicked) { var cboxes = document.getElementsByName('mailId[]'); var len = cboxes.length; for (var i=0; i<len; i++) { cboxes[i].checked = (cboxes[i] == current); } } 

Answer 5

 $(document).ready(function() { var ckbox = $("input[name='ips']"); var chkId = ''; $('input').on('click', function() { if (ckbox.is(':checked')) { $("input[name='ips']:checked").each ( function() { chkId = $(this).val() + ","; chkId = chkId.slice(0, -1); }); alert ( $(this).val() ); // return all values of checkboxes checked alert(chkId); // return value of checkbox checked } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <input type="checkbox" name="ips" value="12520"> <input type="checkbox" name="ips" value="12521"> <input type="checkbox" name="ips" value="12522"> 

Answer 6

用这个：

 alert($(".messageCheckbox").is(":checked").val()) 

这假设checkbox检查有“messageCheckbox”类，否则你将不得不做检查，如果input是checkboxtypes等。

Answer 7

在我的项目中，我通常使用这个片段：

 var type[]; $("input[name='messageCheckbox']:checked").each(function (i) { type[i] = $(this).val(); }); 

它运作良好。 最好的问候。