728x90
300x250
/* checkbox */
/* 전체선택 */
$(".check-all").click(function(){
$(this).parents('.check-btn').siblings('.check-area').find('input[type=checkbox]').prop('checked',true);
})
/* 전체해제 */
$(".check-none").click(function(){
$(this).parents('.check-btn').siblings('.check-area').find('input[type=checkbox]').prop('checked',false);
})
/* 역선택 */
$(".check-reverse").click(function () {
$(this).parents('.check-btn').siblings('.check-area').find('input[type=checkbox]').each(function () {
this.checked = !this.checked;
});
})
728x90
반응형
'javaScript > jQuery' 카테고리의 다른 글
[jquery] scroll값이 target 보다 크면 클래스 변경 (0) | 2022.09.10 |
---|---|
[jQuery]input에 빈값 확인하고 alert창 띄우기 (0) | 2022.09.02 |
[jQuery] click 이벤트 (0) | 2022.08.29 |
[jQuery] 타메뉴 스크립트 (0) | 2022.08.23 |
jquery - 레프트 메뉴 (0) | 2022.08.22 |
댓글