위시리스트 체크박스 전체선택
본문
위시리스트 체크박스 전체선택 되게하는 스크립트가 없을까요?
계속 검색을 하는데 제가 못찾는건지 원래 위시리스트에는 전체선택이 없는건지
찾을 수가 없네요. ㅠㅠ
답변 2
$("input[type=checkbox]").each(function() {
$(this)[0].checked = true;
});
위 코드대로 사용하시면 모든 체크박스가 선택됩니다.
선택자(input[type=checkbox])를 적절하게 수정하시면 원하시는 체크박스 전부가 선택되도록 할 수 있습니다.
가령, div(class list)에 속해있다면
$("div.list input[type=checkbox]") 이렇게 하시면 되겠지요.
답변감사합니다. 제가 말씀드린건 전체선택 체크박스를 만들어서 기존의 리스팅되어있는 위시리스트 항목들의 체크박스를 전체선택했다 전체해제했다 이렇게 할수 있는걸 말하는겁니다 장바구니처럼요..ㅠㅠ
답변은 너무 감사합니다.
@남프로 저걸 함수화하셔서 전체선택 체크박스의 이벤트함수에서 호출하도록 하면 구현 가능합니다. 어렵지 않은 부분이니 공부하시면서 만들어보시면 좋은 경험이 될 것 같습니다.
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" />
