Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- JavaFX
- maven
- Linux
- Ajax
- jquery
- 일본
- 외국인 노동자
- pdo
- Eclipse
- SQL
- WebClient
- Spring
- build tool
- node.js
- spring boot
- xml
- angularjs
- Apache
- 개발자 이야기
- Python
- javadoc
- swift
- bootstrap
- php
- Java
- SQLite
- mybatis
- gradle
- webflux
- RSocket
- Today
- 122
- Total
- 3,456,555
슬기로운 개발자 생활
[jQuery] 입력 요소의 제어 - 체크 박스(Checkbox) 본문
반응형
체크여부 확인
id가 동일한 체크박스에 대하여 선택되어 있는지 확인 : true / false 반환
$("#chkBox").is(":checked");
$("input:checkbox[id='chkBox']").is(":checked");
1.6이상일 때, 권장 사용법
$("#chkBox").prop("checked");
체크박스 갯수 가져오기
선택된 체크박스 갯수 구하기
$("#chkBox:checked").length;
전체 체크박스 갯수 구하기
$("#chkBox").length;
체크박스 전체 선택하기 / 해제하기
전체 선택하기
$("#chkBox").prop('checked', true);
$("#chkBox").attr('checked', true);
전체 해제하기
$("#chkBox").prop('checked', false);
$("#chkBox").attr('checked', false);
체크된 체크박스 value 가져오기
$('#chkBox:checked').each(function() {
alert($(this).val());
});
체크박스 클릭시 이벤트 주기
$("#chkBox").on("click", function() {
alert('1');
});
반응형
'IT 개발 > jQuery' 카테고리의 다른 글
[jQuery] 이펙트(effect) 효과 - 페이드 효과 .fadeIn() .fadeOut() .fadeToggle() (0) | 2018.12.04 |
---|---|
[jQuery] 이펙트(effect) 효과 - 요소의 표시와 숨김 .hide() .show() .toggle() (0) | 2018.12.04 |
[jQuery] 입력 요소의 제어 - 선택 박스(Select box) (0) | 2018.11.29 |
[jQuery] 입력 요소의 제어 - 라디오 버튼(Radio button) (0) | 2018.11.29 |
[jQuery] 이벤트 처리 - 이벤트 메소드 .click() .hover() .keypress() .focusin() (0) | 2018.11.29 |
0 Comments