jQuery的獲取所有複選框的數據屬性轉換爲字符串

Question

我有一個複選框列表，看起來像這樣：

<input type="checkbox" class="pcb" value="1" data-id="99"> 
<input type="checkbox" class="pcb" value="2" data-id="98"> 
<input type="checkbox" class="pcb" value="3" data-id="97"> 

，最初我只需要選中的複選框的值屬性中的值。我用這個JavaScript/jQuery代碼做到這一點：

var receiptNos = $("#result input:checkbox:checked").map(function() { 
    return $(this).val(); 
}).get(); 

使用此代碼給我：receiptNos = '1,2,3' 現在我需要另一個字符串變量，將持有的所有選中的複選框的數據-ID的內容：receiptNos2 = '99,98,97'

我試着使用：

var receiptNos2 = $("#result input:checkbox:checked").attr('data-id').map(function() { 
    return $(this).val(); 
}).get(); 

，但它不工作。有任何想法嗎？

Answer 1

相反return $(this).val();可以使用return $(this).data('id');

var receiptNos2 = $("#result input:checkbox:checked").map(function() { 
    return $(this).data('id') 
}).get();