获取表单上的复选框值并使用jQuery存储在变量中

有一个表单使用多个复选框和一个’test’类（只能检查其中一个类似于使用单选按钮 – 不是我的想法顺便说一句！）。

提交表单时，我想获取已选中复选框的值并将其存储在变量中 – 有人可以帮忙吗？

干杯!

克里斯

Answer 1

$("form").submit(function() { var aVariable = $('input.test[type="checkbox"]:checked', this).val(); }); 

如果在空的jQuery对象上调用，则返回undefined 。如果没有选中复选框，则会出现这种情况。

Answer 2

请尝试下面的代码解决方案：

注意：首先在标头标签上添加最新的jquery.js javascript文件。

HTML：

 
  Radio1  Radio2  Radio3 
  Check1  Check2  Check3 
   

脚本标记中的jQuery：

 $(function() { $("#frm1").submit(function() { $("input.test[type=checkbox]:checked").each(function() { alert($(this).val()); }); return false; }); }); 

我已经在http://codebins.com/bin/4ldqpap上面做了上面的bin

Answer 3

这会奏效

 $(function() { $("#frm1").submit(function() { $("input.test[type=checkbox]:checked").each(function() { alert($(this).val()); }); return false; }); }); 

Answer 4

 var inputElements = document.getElementsByClassName('messageCheckbox'); var checkedValue=[]; for(var i=0; inputElements[i]; ++i){ console.log(inputElements[i]); if(inputElements[i].checked){ checkedValue.push(inputElements[i].value); } } alert(checkedValue)