선택한 모든 확인란의 jQuery 배열 (클래스 별)

선택한 모든 확인란의 jQuery 배열 (클래스 별) [중복]

---

중복 가능성 :
jQuery로 확인란 그룹의 값 선택

HTML에는 클래스별로 그룹화 된 일련의 확인란이 있습니다. 해당 클래스에 대해 선택 / 확인 된 모든 확인란을 포함하는 jQuery에서 배열을 가져오고 싶습니다 (따라서 페이지의 다른 확인란은 무시됩니다).

따라서 다음과 같은 HTML 코드 :

<input type="checkbox" class="group1" value="18" checked="checked" />
<input type="checkbox" class="group1" value="20" />
<input type="checkbox" class="group1" value="15" />
<input type="checkbox" class="group2" value="14" />
<input type="checkbox" class="group1" value="55" checked="checked" />
<input type="checkbox" class="group1" value="10" checked="checked" />
<input type="checkbox" class="group2" value="77" checked="checked" />
<input type="checkbox" class="group1" value="11" />

선택 / 선택된 group1확인란 의 값을 다음 과 같은 배열로 반환합니다 .

var values = [ 18, 55, 10 ];

---

:checkbox및 :checked의사 선택기와 선택기를 사용할 수 있습니다. 이를 .class통해 올바른 요소를 얻고 있는지 확인하고 지정한 클래스로 확인란 만 선택했는지 확인합니다.

그런 다음 Traversing / map 메서드를 사용하여 값 배열을 쉽게 얻을 수 있습니다.

var values = $('input:checkbox:checked.group1').map(function () {
  return this.value;
}).get(); // ["18", "55", "10"]

---

var matches = [];
$(".className:checked").each(function() {
    matches.push(this.value);
});

---

프로젝트 에 underscore.js 를 추가 할 수도 있으며 한 줄로 할 수 있습니다 .

_.map($("input[name='category_ids[]']:checked"), function(el){return $(el).val()})

참고 URL : https://stackoverflow.com/questions/2099164/jquery-array-of-all-selected-checkboxes-by-class