如何使用jQuery .map函數獲取值和數據屬性表單輸入

Question

我有一系列複選框輸入使用以下格式。

<input type="checkbox" name="xyz" value="124" data-info="some info"> 

我使用jQuery來選擇檢查輸入，並試圖使用.map()函數來獲取值和數據信息，並在一個Ajax請求使用它。我可以得到像這樣的價值。

checked_options = $(button).parent().find('input:checkbox:checked').map(function() { 
     return this.value; 
    }).get(); 

但我不知道如何獲取值和數據信息並將它們作爲數組或對象返回。

Answer 1

您可以使用.data()方法，如：

checked_options = $(button).parent().find('input:checkbox:checked').map(function() { 
    return this.value + ',' + $(this).data('info'); 
}).get(); 

編輯：

您可以創建一個包含價值和數據信息樣

checked_options = $(button).parent().find('input:checkbox:checked').map(function() { 
    return { 
    v: this.value, 
    d: $(this).data('info') 
    }; 
}).get(); 

console.log(checked_options); // Array of objects as result here