티스토리 뷰

반응형
// checkbox 개수
let count = $("input:checkbox[name=checkboxName]").length;

// 선택된 checkbox만
let count_selected = $("input:checkbox[name=checkboxName]:checked").length;

// checkbox 전체에 .each
let checkboxList = [];
$("input:checkbox[name=checkboxName]").each(function() {
  checkboxList.push($(this).val());
});

// checkbox 중 check 된 것만 .each
let selectedList = [];
$("input:checkbox[name=checkboxName]").each(function() {
  selectedList.push($(this).val());
});

// 전체 선택 및 해제
$("#selectAll").on('click', function() {
  if($(this).prop("checked")) {
    $("input:checkbox[name=checkboxName]").prop("checked", true);
  } else {
    $("input:checkbox[name=checkboxName]").prop("checked", false);
  }
});

참고용

댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함