티스토리 뷰
반응형
// checkbox 개수
let count = $("input:checkbox[name=checkboxName]").length;
// 선택된 checkbox만
let count_selected = $("input:checkbox[name=checkboxName]:checked").length;
// checkbox 전체에 .each
let checkboxList = [];
$("input:checkbox[name=checkboxName]").each(function() {
checkboxList.push($(this).val());
});
// checkbox 중 check 된 것만 .each
let selectedList = [];
$("input:checkbox[name=checkboxName]").each(function() {
selectedList.push($(this).val());
});
// 전체 선택 및 해제
$("#selectAll").on('click', function() {
if($(this).prop("checked")) {
$("input:checkbox[name=checkboxName]").prop("checked", true);
} else {
$("input:checkbox[name=checkboxName]").prop("checked", false);
}
});
참고용
'Dev. > javascript' 카테고리의 다른 글
| [jQuery] best practice - DOM manipulation (0) | 2021.02.17 |
|---|---|
| [jQuery] best practice - jQuery Ready Event (0) | 2021.02.16 |
| [jQuery] substr, substring (0) | 2020.11.19 |
| [JS] 스코프, 클로저, 익명함수 (0) | 2020.10.05 |
| [jQuery] ace editor 간단 설정 (1) | 2020.09.21 |
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- etc
- Docker
- Puppeteer
- terraform
- Git
- Spring Cloud Config
- shell
- AWS
- JEST
- Node.js
- Java
- react
- hashicorp
- spring boot
- javascript
- mysql
- Vault
- JPA
- pgloader
- Gradle
- jQuery
- IntelliJ
- Database
- Linux
- eureka
- AWS IoT
- kotlin
- postgresql
- 코딩테스트
- RancherDesktop
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함