Javascript 获取jQuery中选定复选框的值

我正在尝试获取一组选中的复选框一旦在jQuery中单击了提交按钮，我似乎无法获取任何要显示的内容。代码如下：

jQuery：

$(".btn").live("click",function () {
    var ffirst = $('input:checkbox[name="first[]"]:checked').map(function () {
        return this.value;
    }).get();
});
$.each(ffirst, function(index, value) {
    alert(index + ': ' + value);
});

和以下的HTML：

<input type="checkbox" value="1" checked="checked" name="first[]">
<input type="checkbox" value="2" checked="checked" name="first[]">
<input type="button" class="btn" value="Go">

任何帮助都将不胜感激

编辑：根据评论更改，但仍不完整。

您的JS:

name=first

您的HTML：

name="first[]"

这些不匹配

加上方括号。您还需要引用它们，因为它们不是字母数字

$('input:checkbox[name="first[]"]:checked')

---

您使用了错误的选择器，请使用：

$('input:checkbox[name="first[]"]:checked')

尝试：

---

如果确实需要，只需使用.live

您需要在单击处理程序之前声明ffirst数组，因为它超出范围。每个循环都必须在click处理程序中执行，因为一旦填充了数组，它就需要执行

不是最优化的代码，但这里有一个工作示例：

var ffirst = []; 
$(".btn").live("click",function () {
  ffirst = $('input[name="first[]"]:checked').map(function () {
    return $(this).val();
  });

  $.each(ffirst, function(index, value) {
    alert(index + ': ' + value);
  });
});

---

您使用的是哪个Jquery版本？

var ffirst = []; 
$(".btn").live("click",function () {
  ffirst = $('input[name="first[]"]:checked').map(function () {
    return $(this).val();
  });

  $.each(ffirst, function(index, value) {
    alert(index + ': ' + value);
  });
});