클래스 전체추가방법?? 채택완료
one9601
4년 전
조회 1,761
안녕하세요! 이제 겨우 addClass slideToggle 등 하고있는 초보유저입니다..
검색과 복붙으로 살고있습니다!
저는 일단, 클릭하면 클래스 on이 생기고 다시누르면 사라지게 해놓았습니다.
</p>
<p> </p>
<p><li class="clearfix"></p>
<p> <p class="mat-list-subtitle">분야</p></p>
<p> <ul class="mat-s2-list-selectBox"></p>
<p> <li class="on">전체</li></p>
<p> <li>본식 스냅</li></p>
<p> <li>본식서브 스냅</li></p>
<p> <li>본식 영상</li></p>
<p> <li>데이트 스냅</li></p>
<p> <li>데이트 영상</li></p>
<p> <li>돌 스냅</li></p>
<p> <li>쇼핑몰</li></p>
<p> <li>기타</li></p>
<p> </ul></p>
<p> </li></p>
<p> <script></p>
<p> $(".mat-s2-list-selectBox li").click(function(){</p>
<p> if($(this).hasClass("on")){</p>
<p> $(this).removeClass("on");</p>
<p> } else{</p>
<p> $(this).addClass("on");</p>
<p> }</p>
<p> })</p>
<p> </script></p>
<p> </p>
<p>
근데~ 전체선택 하면 모두 선택이 되고,
전체 선택 상태에서 ( 모두 class on이 있는 상태에서)
하나를 체크 해제한다면 ( 하나라도 class on이 사라지면 )
전체에 들어간 on도해제되고~
전체선택을 다시누르면 다 해제되고..
뭐 이런걸 하고싶습니다.. 잘 표현한지 모르겠네요!
조언 부탁드립니다.!
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
4년 전
클릭이벤트안에 순서를
1. li . removeclass('~')
2. $(this).addclass('~~')
누르면 무조건 li 전부 클래스없앰
그다음 내가누른것만 클래스추가
이런식으로 해보세영
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인