위시리스트 체크박스 전체선택

남프로

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-02-01 (목) 12:28:04 2,966

위시리스트 체크박스 전체선택 되게하는 스크립트가 없을까요?

계속 검색을 하는데 제가 못찾는건지 원래 위시리스트에는 전체선택이 없는건지

찾을 수가 없네요. ㅠㅠ

위시리스트 전체선택 체크박스

답변 2개 / 댓글 2개

채택된 답변

+20 포인트

베원

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-02-01 (목) 12:54:37

Copy

$("input[type=checkbox]").each(function() {
    $(this)[0].checked = true;
});

위 코드대로 사용하시면 모든 체크박스가 선택됩니다.

선택자(input[type=checkbox])를 적절하게 수정하시면 원하시는 체크박스 전부가 선택되도록 할 수 있습니다.

가령, div(class list)에 속해있다면

$("div.list input[type=checkbox]") 이렇게 하시면 되겠지요.

답변에 대한 댓글 2개

남프로

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-02-01 (목) 13:16:03

답변감사합니다. 제가 말씀드린건 전체선택 체크박스를 만들어서 기존의 리스팅되어있는 위시리스트 항목들의 체크박스를 전체선택했다 전체해제했다 이렇게 할수 있는걸 말하는겁니다 장바구니처럼요..ㅠㅠ
답변은 너무 감사합니다.

베원

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-02-01 (목) 14:17:53

@남프로 저걸 함수화하셔서 전체선택 체크박스의 이벤트함수에서 호출하도록 하면 구현 가능합니다. 어렵지 않은 부분이니 공부하시면서 만들어보시면 좋은 경험이 될 것 같습니다.

herojd

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-02-01 (목) 18:10:56

class이용하시면 간단히 해결 하실수 있습니다.

스크립트
$('#chkAll').on('change', function() {
   if( $(this).prop('checked')){
       $('.chk').prop('checked',true);
   }else{
       $('.chk').prop('checked', false) ;
   }
});

html

전체선택 : <input type="checkbox" id="chkAll" />
체크1 : <input type="checkbox" id="chk1" name="chk1" class="chk" />
체크2 : <input type="checkbox" id="chk2" name="chk2" class="chk" />
체크3 : <input type="checkbox" id="chk3" name="chk3" class="chk" />
체크4 : <input type="checkbox" id="chk4" name="chk4" class="chk" />

답변을 작성하려면 로그인이 필요합니다.

위시리스트 체크박스 전체선택

답변 2개 / 댓글 2개

답변에 대한 댓글 2개

공유하기