check box 개수(길이)
// 전체 check box 개수
$("체크박스").length;
// 선택된 check box 개수
$("체크박스명:checked").length;
check box 전체 체크/체크 해제
// 전체 체크
$("체크박스").prop("checked", true);
// 전체 체크 해제
$("체크박스").prop("checked", false);
each문을 이용하여 선택된 check box의 값 가져오기 (다중 체크값 가져와 배열에 추가)
let chk_arr = [];
// 1.
$("체크박스명:checked").each(function(){
chk_arr.push($(this).val()); // push: 배열에 값 삽입
});
// 2
$("체크박스명:checked").each(function(index, value){
chk_arr.push(value);
});
console.log(chk_arr); // 배열 값 console에 출력
선택 여부 확인
$(선택자).is(":checked"); // 결과: 체크된 경우 true, 아니면 false
+) 배열 값 가져오기
// 1. 그냥 console로 배열 전체 한 번에 출력
console.log(chk_arr);
// 2. for문 이용해 각 값에 접근
for(var i=0; i<chk_arr.length; i++){
consle.log(chk_arr[i]);
}
// 3. forEach문 이용해 각 값에 접근
// 3-1.
chk_arr.forEach(function(val){
console.log(val);
});
// 3-2.
chk_arr.forEach(val => console.log(val));
[jQuery] checkbox 의 리스트 중 체크된 값 가져오기
List Check 번호 이름 Check 1 철수 Check 2 영수 Check 3 토마스 Check 4 순이 Check 5 창모 jQuery의 checkbox 여부 확인 jQuery를 활용하여 checkbox 리스트의 전체 갯수와 checked 된 갯수를 확인 가능합니다..
redcow77.tistory.com
jquery check box 다중 체크값 가져오기, 자바스크리트 체크박스 체크값 가져오기
자바스크립트, jquery는 자주 사용하지 않아서 할때 마다 검색해보는게 짜증나서 정리해놀겸 써보려고 합니다. 여러개의 체크박스값들의 상태값을 가져올 수 있는 방법 입니다. each()함수 ( 반복
doinge-coding.tistory.com
자바스크립트 Array forEach
이번 글에서는 자바스크립트 Array(배열) 객체의 메서드인 forEach에 대해 작성하겠습니다. forEach는 for문과 마찬가지로 반복적인 기능을 수행할 때 사용합니다. 하지만 for문처럼 index와 조건식, inc
yuddomack.tistory.com
[Javascript] Array 반복문, $.each/some/forEach 비교!
JavaScript 사용시, Array 사용은 필수적이다. 그리고 Array 안에 존재하는 아이템에 대해 관심을 많이 가지게 된다. 그래서 Array 안에 존재하는 아이템을 확인하고 싶다. 그럴때마다 나는 jQuery에서 제
im-first-rate.tistory.com
'프로그래밍 언어 > JavaScript' 카테고리의 다른 글
[React] 공식 문서 - 학습하기 - 빠르게 시작하기 (0) | 2025.04.22 |
---|---|
[React] React 관련 개념정리 (0) | 2025.04.21 |
[JavaScript/Ajax] Ajax 배열(array) 전송 (Controller에 배열 보내기) (0) | 2022.07.08 |
iframe 확대/축소 구현 (with Panzoom) (0) | 2022.07.05 |