Dev./javascript
[jQuery] checkbox 개수 및 전체 선택
인쥭
2020. 9. 4. 11:53
반응형
// 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);
}
});
참고용