獲取jQuery中選定複選框的值

Question

我想在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"> 

任何幫助，將不勝感激！

編輯：改變了每個評論，但仍然損壞。

Answer 1

你用過不好選擇，使用：

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

live demo

Answer 2

您的JS：

name=first 

你的HTML：

name="first[]" 

這些不匹配。

添加方括號。你還需要引用他們，因爲他們不是字母數字。

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

Answer 3

嘗試：

$(".btn").on("click",function() { 
    $('input:checkbox[name="first[]"]:checked').each(function(index) { 
     alert(index + ': ' + this); 
     console.log(this); 
     console.log($(this)); 
    }); 
}); 

只要使用（.live）如果真的需要

Answer 4

你需要聲明第一個數組befo重新點擊處理程序，因爲它超出了範圍。每個循環都必須在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); 
    }); 
}); 

Working Demo