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

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

이 질문에는 이미 다음과 같은 답변이 있습니다.

닫힘11년 전에.

중복 가능:
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 ];

및 의사 선택기를 사용할 수 있으며.classselector(선택기)를 선택하면 올바른 요소를 얻을 수 있으므로 지정한 클래스의 확인란만 선택합니다.

그러면 손쉽게 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