使用jQuery獲取復選框列表的檢查值

Question

我有幾個名為etapes的復選框。 我想獲取所有檢查過的etapes的值，並將其存儲在單個字符串中。

所以嘗試了這個：

$('[name="etapes"]:checked').each(function() {
    indexer = indexer + 1;
    if (indexer == 1) selectedEtapes = $(this).val();
    else selectedEtapes = selectedEtapes + "," + $(this).val();
});

但這沒用。 那我該如何解決這個問題呢？

Answer 1

最簡單的解決方案是使用jQuery.map

 var mapped = $('[name="etapes"]:checked').map(function() { return this.value; }).get(); console.log(mapped.join(',')); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <input type="checkbox" name="etapes" value="Ouverte1" checked> <input type="checkbox" name="etapes" value="Ouverte2"> <input type="checkbox" name="etapes" value="Ouverte3" checked> 

修復您的代碼：

您從未接受過index參數，

var selectedEtapes = '';
$('[name="etapes"]:checked').each(function(index) {
  if (!index) selectedEtapes += $(this).val();
  else selectedEtapes += "," + $(this).val();
});

Answer 2

您可以使用map()方法執行此操作，如下所示。

 var str = $('[name="etapes"]:checked').map(function() { return $(this).val(); }).get().join(); console.log(str) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" name="etapes" value="Ouverte1" checked="checked"> <input type="checkbox" name="etapes" value="Ouverte2"> <input type="checkbox" name="etapes" value="Ouverte3" checked="checked"> <input type="checkbox" name="etapes" value="Ouverte4" checked="checked">