테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

위시리스트 체크박스 전체선택 채택완료

남프로 7년 전 조회 2,810
답변 2
목록

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

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

찾을 수가 없네요. ㅠㅠ

#위시리스트 #전체선택 #체크박스
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
베원
베원
7년 전

</p>

<p>$("input[type=checkbox]").each(function() {

    $(this)[0].checked = true;

});</p>

<p>

 

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

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

 

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

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

�
남프로
7년 전
답변감사합니다. 제가 말씀드린건 전체선택 체크박스를 만들어서 기존의 리스팅되어있는 위시리스트 항목들의 체크박스를 전체선택했다 전체해제했다 이렇게 할수 있는걸 말하는겁니다 장바구니처럼요..ㅠㅠ
답변은 너무 감사합니다.
�
베원
7년 전
@남프로 저걸 함수화하셔서 전체선택 체크박스의 이벤트함수에서 호출하도록 하면 구현 가능합니다. 어렵지 않은 부분이니 공부하시면서 만들어보시면 좋은 경험이 될 것 같습니다.

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

herojd
herojd
7년 전

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" />
                                

로그인 후 평가할 수 있습니다

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

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

로그인