컴퓨터/HTML,CSS,JS,JQUERY
jQuery-checkbox(체크박스) 제어 하기
뽀또롱
2021. 9. 15. 22:01
▶체크박스 체크 여부 확인(checked)
$('input:checkbox[id="체크박스아이디"]').is(":checked")==true
$('input:checkbox[name="체크박스네임"]').is(":checked")==true
$("#체크박스아이디").is(":checked"); // jquery의 아이디 선택자 -'#' (클래스 선택자 -'.')
▶체크박스 전체 개수
$('input:checkbox[name="체크박스네임"]').length
//id는 중복 사용이 불가하므로 전체 체크 여부 혹은 길이를 구할 때에는 name을 이용
▶체크박스 체크된 요소 개수
$('input:checkbox[name="체크박스네임"]:checked').length
//위와 같은 이유로 name 사용
▶체크박스 값 체크 (checked)
$('input:checkbox[id="체크박스아이디"]').attr("checked",true);
//name으로 할 경우 같은 name을 가진 전체 요소 체크
▶체크박스 value값 가져오기
$('input:checkbox[id="체크박스아이디"]').val();
728x90