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">

最初我只需要选中复选框的value属性中的值。我使用这个javascript / jquery代码来做到这一点：

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

使用此代码可以为我提供：receiptNos = '1,2,3' 现在我需要另一个字符串变量来保存所有选中复选框的data-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();