checkbox checked 여부
- id인 경우
$('input:checkbox[id="checkbox_id"]').is(":checked") == true
- name인 경우
$('input:checkbox[name="checkbox_name"]').is(":checked") == true
checkbox 전체 갯수(이 경우는 name인 경우만 가능)
$('input:checkbox[name="checkbox_name"]').length;
checkbox 선택된 갯수(이 경우는 name인 경우만 가능)
$('input:checkbox[name="checkbox_name"]:checked').length;
checkbox 전체 순회하며 처리(동일한 name으로 여러 개인 경우)
$('input:checkbox[name="checkbox_name"]').each(function(){
this.checked = true; //checked 처리
if(this.checked){
alert(this.value);
}
});
checkbox 전체 값을 순회하며, 비교하여 checked 처리
$('input:checkbox[name="checkbox_name"]').each(function(){
if(this.value == "비교값"){
this.checked = true;
}
});
checkbox value값 가져오기(단일건)
$('input:checkbox[id="checkbox_id"]').val();
checkbox checked 처리하기(단일건)
$('input:checkbox[id="checkbox_id"]').attr("checked", true);
checkbox checked 여부 확인(단일건)
$("#checkbox_id").is(":checked");
'프로그래밍 > Frontend' 카테고리의 다른 글
Next.js app 폴더(13, 14 버전)에서 GA(gtag.js) 설정 방법 (0) | 2023.11.01 |
---|---|
[Yarn] warning package.json: No license field 해결 (0) | 2023.09.30 |
자바스크립트 for, for in, for of 등 반복문 정리 (0) | 2023.09.11 |