▶체크박스 체크 여부 확인(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
'컴퓨터 > HTML,CSS,JS,JQUERY' 카테고리의 다른 글
form에 <input type="text">가 1개 있는 경우 (0) | 2021.10.15 |
---|---|
jQuery-radio button(라디오버튼) 제어 하기 (0) | 2021.10.01 |
html - 웹 스토리지와 기타 API (0) | 2021.07.06 |
html, js 기능 정리 - 멀티미디어 제어, 위치 정보 사용 (0) | 2021.07.06 |
html 캔버스 기능 정리하기 (0) | 2021.07.05 |