jquery - How to get a list of attribute values from checked checkboxes of a certain class

Question

I have some mark up like:

<input type="checkbox" class="fieldapprovalcheckbox" data-invoicelineid=3 />
<input type="checkbox" class="fieldapprovalcheckbox" data-invoicelineid=4 />
<input type="checkbox" class="fieldapprovalcheckbox" data-invoicelineid=5 />

Now say all these checkboxes have been checked in jquery how would I get a list of all the data-invoicelineid? ie. It should contain 3,4,5.

I wrote the following but it only gets the first one.

var checkedInvoiceLineIds = $(".fieldeapprovalcheckbox:checked").attr("data-invoicelineid");

Answer 1

你应该使用 map()

var checkedInvoiceLineIds = $(".fieldeapprovalcheckbox:checked").map(function(){
        return $(this).data("invoicelineid");
}).get();

你有一个包含检查值的数组

Answer 2

var checkedInvoiceLineIds = [];
$(".fieldeapprovalcheckbox:checked").each(function(){
   checkedInvoiceLineIds.push($(this).data("invoicelineid"));
});