[jQuery] checkbox의 check all 기능 구현하기
```js
<script>
/* check-all 기능 */
$(".check-all").click(function () {
$(this.closest(".form-group")).find("input[type='checkbox']").not(this).prop('checked', this.checked);
});
</script>
```
페이지에 체크박스 폼이 하나만 있는 경우에는 그냥 모든 체크박스 선택해서 처리해도 되지만
form wizard같은거 쓰는 경우나, 체크박스 영역이 여러개 있는 경우 그 영역에 해당하는 체크박스들만 체크처리 해야 하므로 이런 식으로 처리하게 된다.
'JS Stack > JS' 카테고리의 다른 글
MobX (0) | 2020.04.13 |
---|---|
[JS] ArrayBuffer와 DataView : TypedArray (0) | 2019.10.31 |
[JS] char <> code <> hex / unicode 공백 / Unpack (0) | 2017.06.04 |
[JS] memoization, currying (0) | 2017.06.02 |
[JS] 함수 #2. Call pattern, 생성자 대안(함수형 패턴), 상속 (0) | 2017.05.31 |