728x90
반응형
jQuery Checkbox Control 하기
1. Checkbox Checked 여부 확인하기 (return boolean)
|
1
2
3
4
5
6
7
8
9
10
11
12
|
ID 체크여부 확인하기
선택==true 비선택==false
방법 1 : $('input:checkbox[id=checkbox_id]').is(":checked");
방법 2 : $('#checkbox_id').is(":checked");
NAME 체크여부 확인하기
선택==true 비선택==false
$('input:checkbox[id=checkbox_name]').is(":checked");
|
2. Checkbox 전체선택 / 전체해제 (void)
|
1
2
3
4
5
6
7
8
9
|
모든 체크박스 선택하기
$('input:checkbox').prop("checked", true);
모든 체크박스 해제하기
$('input:checkbox').prop("checked", false);
|
3. Checkbox ID / NAME 으로 제어하기 (void)
|
1
2
3
4
5
6
7
8
9
10
11
|
ID 체크박스 제어하기 (단일)
$('#checkbox_id').prop("checked", true);
ID 체크박스 제어하기 (다중)
$('input:checkbox[id=checkbox_id]').prop("checked", true);
NAME 체크박스 제어하기 (다중)
$('input:checkbox[id=checkbox_name]').prop("checked", true);
|
4. Checkbox 전체갯수 / 선택갯수 (void)
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
체크박스 전체 갯수 구하기
$("input:checkbox").length;
체크박스 현재 선택(체크)된 갯수 구하기
$("input:checked").length;
ID가 checkbox_id로 되어있는 체크박스 갯수 구하기
$('input:checkbox[id = checkbox_id]').length;
ID가 checkbox_id로 되어있는 현재 선택(체크)된 갯수 구하기
방법 1 : $('#checkbox_id:checked').length
방법 2 : $('input:checkbox[id="checkbox_id"]:checked').length;
NAME이 checkbox_name로 되어있는 체크박스 갯수 구하기
$('input:checkbox[name = checkbox_name]').length;
NAME이 checkbox_name로 되어있는 현재 선택(체크)된 갯수 구하기
$('input:checkbox[name="checkbox_name"]:checked').length
|
728x90
반응형
'Web > jQuery' 카테고리의 다른 글
| [jQuery] AJAX 동기 처리 Example (0) | 2019.07.21 |
|---|---|
| [jQuery] Click Event Example (0) | 2019.07.14 |
| [jQuery] AJAX 한글깨짐 해결 Example (0) | 2019.06.23 |
| [jQuery] AJAX 배열전송(Array) Example (0) | 2019.06.22 |
| [jQuery] AJAX Example (0) | 2019.06.22 |