jQuery，复选框已选中

Question

我有以下代码:

<form>
<input type="checkbox" name="type" value="Club" onclick="getselectedcheckbox()"checked/>Club<br/>
<input type="checkbox" name="type" value="Pub" onclick="getselectedcheckbox()" checked/>Pub<br/>
<input type="checkbox" name="type" value="Home" onclick="getselectedcheckbox()"/>Home<br/>
<input type="checkbox" name="type" value="Concert" onclick="getselectedcheckbox"/>Concert<br/>

<script>
function displayVals() {
var checkedValues = $('input:checkbox:checked').map(function() {
    alert(this.value);
});
   }

$( "select" ).change( displayVals );
displayVals();
</script>

我试图选中所有复选框，然后使用 ajax 发送它。 但现在，我为每个复选框都有 1 个不同的警报，有没有一种方法可以在一个字符串中获取所有选中的值？

我听说过 .join()，但我真的不知道将它放在代码中的哪个位置。仍然从 Javascript/jquery 开始:/

有什么想法吗？

谢谢， 洛尼普特

Answer 1

声明一个数组并将所有值插入其中，例如:

   var selected = [];
   function displayVals() {
      var checkedValues = $('input:checkbox:checked').each(function() {
         selected.push(this.value);
      });
   }

 var stringArray =  selected.join();

使用array join将数组转换为字符串