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