javascript - 获取数组中所有选中复选框对应的值

Question

请看下面的代码:

   $("#saveButton").click(function(){

        $this = $("#tableData").find("input:checked").parent().parent();

        tea = $this.find(".teaCls").text();

        $.ajax({
            type: "POST",
            url: "chkSelectedValues.php",
            data: "tea=" + tea,
            success: function(msg){
                $("#theField").html(msg);
            }

        });       

    });

现在，如果选择了多个复选框，tea 和 flower 最终会连接所有这些字段中的text。如果选中两个复选框，其中一个包含单词 some，另一个包含单词 text，那么最终 tea 变量将获取值: 一些文本。但我希望 tea 成为包含这些值的数组(在本例中为 some 和 text)，因为我需要在 AJAX 请求中传递它们，并且想要在chkSelectedValues.php

中轻松捕获

结构:

<table #tableData>
 <tr>
   <td .teaCls></td>
   <td> Checkbox here</td>
  </tr>
  <tr>
  .....

我该怎么做？提前致谢。

Answer 1

这应该有效:

var tea = $(':checked').map(function() {
    return this.value;
}).get();

演示地址:http://jsfiddle.net/alnitak/Dwevr/

编辑更新以反射(reflect)OP的澄清:

var tea = $(':checked').map(function() {
    return $(this).parent().siblings('.teaCls').text();
}).get();