循環複選框並收集被選中的名稱 - JQuery

Question

<input type="checkbox" name="SummaryInformation">Summary Information<br /> 
         <input type="checkbox" name="ProductLegs">Product Legs<br /> 
         <input type="checkbox" name="AmortizationOptions">Amortization Options<br /> 
         <input type="checkbox" name="Values">Values<br /> 
         <input type="checkbox" name="Rates">Rates<br /> 
         <input type="checkbox" name="RatesSpecific">Rates (All-In-Rate, PV01)<br /> 
         <input type="checkbox" name="AmortizationSchedule">Amortization Schedule<br /> 
         <input type="checkbox" name="SponsorInfo">Sponsor/Affiliate Info<br /> 
         <input type="checkbox" name="BorrowerInfo">Borrower Info<br /> 
         <input type="checkbox" name="SponsorContacts">Sponsor/Affiliate Contacts<br /> 
         <input type="checkbox" name="CashFlows">Cash Flows<br /> 
         <input type="checkbox" name="PrePayment">Pre-Payment<br /> 
         <input type="checkbox" name="FutureExposure">Potential Future Exposure<br /> 
         <input type="checkbox" name="FutureExposureSpecific">Potential Future Exposure (Max Number and Date Only)<br /> 
         <input type="checkbox" name="History">History<br /> 

我需要在JQuery中遍歷所有這些，並創建一個被選中名稱的數組。我將如何做到這一點？

Answer 1

var names = []; 
$("checkbox:checked").each(function(){ 
    names.push($(this).attr("name")); 
}) 

你可能想在你想完成的複選框周圍添加一個div，這樣你就不會遍歷屏幕上的所有複選框。

，如果你這樣做的選擇將改變爲：

$("#mydiv checkbox:checked") 

其中mydiv是DIV

Answer 2

使用的ID checked selector：

$(':checked').each(function(){ 
    ... 
}); 

Answer 3

這就像

一樣簡單

$("input:checked").each(...); 

這是一個在線演示：http://jsfiddle.net/vFmNh/3/

Answer 4

var arr = []; 

$('input[type=checkbox]').is(':checked').each(function(){ 
    arr.push($(this).attr('name')); 
}); 

alert(arr.join('-')); 

Answer 5

使用過濾它的速度更快。

$（'input'）.filter（function（）{return this.checked}）